DEV Community

Suryansh Sinha
Suryansh Sinha

Posted on

From Zero to Deploy: Building My Personal Portfolio Website as a 2nd-year CS Student

I Built My Personal Portfolio Website 🚀

After spending time learning web development and working on personal projects, I decided to build a portfolio website to showcase my work in one place.

As a Computer Science student, I wanted something that was:

  • Fast and responsive
  • Clean and modern
  • Easy to navigate
  • A reflection of my skills and interests

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript
  • Vercel (Deployment)

✨ Features

  • Responsive design
  • Smooth scrolling animations
  • Interactive UI elements
  • Project showcase section
  • Contact section
  • Modern dark theme

🖼️ Screenshots

📚 What I Learned

Building the portfolio taught me much more than just writing HTML and CSS.

Some things I improved while working on it:

  • Structuring a real-world frontend project
  • Creating reusable UI components
  • Improving website responsiveness
  • Optimizing performance
  • Deploying projects using Vercel
  • Managing project versions with Git and GitHub

🎯 Challenges

One of the biggest challenges was balancing aesthetics and performance.

I wanted the site to look modern while keeping it lightweight and responsive across different screen sizes.

Fine-tuning animations, layouts, and overall user experience took more time than expected, but it was worth it.

🔗 Links

Portfolio: https://suryanshsinhaportfolio.vercel.app

GitHub: https://github.com/sinxcos07/Suryansh-Portfolio

💬 Feedback Welcome!

I'd love to hear suggestions on improving the design, user experience, or project presentation.

Thanks for reading! 🚀

Top comments (0)