How I Built My Personal Portfolio Website Using React and Vite

Mohamed Noor — Wed, 29 Jul 2026 07:27:59 +0000

As an IT graduate and aspiring software engineer, I wanted a personal website where I could showcase my projects, skills, and experience. I decided to build it using React and Vite because they provide a fast and modern development experience.

Why I Chose React

React makes it easier to build reusable components and create interactive user interfaces. It also has a large community and excellent documentation.

Why Vite

Vite offers:

Fast startup time
Instant hot reloading
Simple project setup
Excellent React support

These features allowed me to focus on development instead of waiting for builds.

Features of My Portfolio

My portfolio includes:

Professional introduction
Skills section
Projects
GitHub links
Contact information
Responsive design for mobile and desktop
Challenges

One of the biggest challenges was making the website responsive across different screen sizes. I also spent time improving the layout and navigation to create a better user experience.

What I Learned

Building this project improved my understanding of:

React components
State management
Responsive design
Git and GitHub
Deploying applications with Vercel
Conclusion

Creating a portfolio website was a valuable learning experience. It helped me practise frontend development while creating something useful for employers and clients.

You can view my portfolio here:

Portfolio: https://mohamed-noor.vercel.app/

GitHub: https://github.com/mohamedNoorA

Thank you for reading!

DEV Community: Mohamed Noor

How I Built My Personal Portfolio Website Using React and Vite