How I Built My Personal Portfolio Website Using React and Vite
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!
Top comments (0)