DEV Community

Modesta Otieno
Modesta Otieno

Posted on

Building My Developer Portfolio with React and Vite

As I continued learning software development, I realized that building projects is only part of the journey. I also needed a place where people could discover my work, understand my skills, and follow my progress.

That led me to build my personal developer portfolio.

Why I Decided to Build a Portfolio

I wanted a website that could introduce me, showcase my projects, describe my learning journey, and make it easier for people to connect with me.

Rather than treating the portfolio as just another assignment, I wanted to make it a professional representation of my growth as a developer.

The Technologies I Used

I used React and Vite to build the frontend.

React helped me organize the interface into reusable components, while Vite provided the development environment for building and testing the application.

I also worked with HTML, CSS, JavaScript, and React Router to structure and style the website and navigate between its pages.

Designing the Experience

I wanted the portfolio to feel professional, readable, and consistent.

I explored a forest-green visual theme, clear typography, comfortable spacing, and a layout that introduces me before presenting my technical skills and projects.

The site includes sections for:

  • About me.
  • Skills and technologies.
  • Projects.
  • Experience.
  • Education.
  • Contact information.

I also wanted visitors to be able to find my developer profiles and explore my work.

Challenges Along the Way

Building a portfolio taught me that small details can make a big difference.

Layout decisions, spacing, navigation, responsive design, and image presentation all affect how people experience a website.

I also learned that it is important to test changes in the browser instead of assuming that the code will look exactly as expected.

What Building It Taught Me

The portfolio helped me practice combining several frontend concepts into one application.

It also made me think about how developers communicate their work. A project is more meaningful when people can understand the problem it addresses, the technologies involved, and what I learned from building it.

What Comes Next?

I plan to keep improving my portfolio as I build more projects and gain experience.

For me, this website is not the end of the journey. It is a place that can grow alongside my skills.

If you're building your first developer portfolio, what section do you think is most important?

react #vite #portfolio #webdev #beginners

Top comments (0)