DEV Community

Cover image for β€œStop Overthinking β€” Just Build Your Portfolio (Here’s Mine)”

β€œStop Overthinking β€” Just Build Your Portfolio (Here’s Mine)”

Hey developers πŸ‘‹

I recently built my own portfolio website from scratch using only HTML, CSS, and JavaScript β€” no frameworks!

πŸ”— Live Website: https://pavankiran.netlify.app/

In this blog, I’ll share how I built it and what I learned.
🎯 Why I Built This
I wanted:

  • A clean and modern portfolio
  • Full control over design
  • No dependency on frameworks
  • A place to showcase my projects

    πŸ› οΈ Tech Stack

  • HTML5

  • CSS3 (Glassmorphism + Dark Mode)

  • JavaScript

  • Netlify (for deployment)

✨ Features

  • Dark Mode UI πŸŒ™
  • Smooth animations
  • Project showcase section
  • Responsive design (mobile-friendly)
  • Contact section

⚑ Challenges I Faced

  1. Responsive design issues
  2. Animations performance
  3. Layout breaking on deployment

πŸ‘‰ Fixed using:

  • Flexbox & Grid
  • Media queries
  • Overflow hidden fixes

πŸ’‘ What I Learned

  • Writing clean CSS matters a lot
  • Small UI details improve user experience
  • Deployment bugs are different from local bugs

πŸš€ Final Result

Check out my portfolio here:
πŸ‘‰ [https://pavankiran.netlify.app/]

webdev #javascript #portfolio #beginners #frontend

πŸ™Œ Conclusion:
Building your own portfolio is the best way to learn frontend development.
If you're starting, don’t wait β€” just build!
⭐ If you liked this, follow me for more content!

Top comments (0)