DEV Community

Cover image for Portfolio That Got Me CGPA 4 in university | Built with HTML, CSS & JavaScript
Sumonta Saha Mridul
Sumonta Saha Mridul

Posted on

2 2 2 2 2

Portfolio That Got Me CGPA 4 in university | Built with HTML, CSS & JavaScript

Reflecting on the golden days of university life, when my first portfolio was born—crafted with just HTML, CSS, and JavaScript. It wasn’t just code; it was a journey of learning, growth, and endless possibilities. Though I’ve moved on to new creations, that humble beginning will always remind me of where it all started.

In this blog, I’m excited to walk you through my very first portfolio, created during my 3rd year at university! Built with HTML, CSS, and Vanilla JavaScript, this portfolio isn’t just visually appealing—it’s fully responsive across all devices! It showcases my skills, education, achievements, photography, and much more.


🌟 Why This Portfolio Stands Out

  1. Fully Responsive Design:

    • Works seamlessly on desktops, tablets, and mobile devices.
    • Ensures a smooth user experience for everyone.
  2. Clean and Minimalistic UI:

    • Aesthetic design with a focus on simplicity and usability.
    • Easy navigation for visitors to explore my work.
  3. Showcase of Skills and Achievements:

    • Highlights my technical skills, education, and projects.
    • Includes a photography section to showcase my creativity.
  4. Built from Scratch:

    • No frameworks or libraries—just pure HTML, CSS, and JavaScript.
    • Demonstrates my foundational understanding of web development.

🛠️ Features of the Portfolio

  • Home Section: A welcoming introduction with a brief about me.
  • Skills Section: Displays my technical expertise in a visually appealing way.
  • Education Section: Highlights my academic journey and achievements.
  • Photography Section: A gallery of my creative work.
  • Contact Section: Easy-to-use form for visitors to reach out.

🚀 Why I Built This Portfolio

This portfolio was more than just a project—it was a stepping stone in my career. It helped me:

  • Secure internships and job opportunities.
  • Showcase my skills to potential employers and collaborators.
  • Learn the fundamentals of web development in a practical way.

It also played a key role in helping me achieve a CGPA of 4.0 in university by demonstrating my dedication and ability to apply theoretical knowledge to real-world projects.


🔗 Check Out the Project

You can explore the portfolio yourself and see how it works:


💬 Your Thoughts Matter!

I’d love to hear your feedback on this project! Drop a comment below and let me know:

  • What do you think of the design and functionality?
  • Do you have any suggestions for improvement?
  • Would you like to see more projects like this?

If you enjoyed this blog, don’t forget to hit the like button and share it with your friends!


📌 Why You Should Build Your Own Portfolio

If you’re a student or a beginner in web development, I highly recommend building your own portfolio. Here’s why:

  • Showcase Your Skills: It’s the best way to display your abilities to potential employers.
  • Learn by Doing: Building a portfolio helps you apply what you’ve learned in a practical way.
  • Stand Out: A unique portfolio can set you apart from the crowd.

🎥 Watch the Video Walkthrough

For a more detailed look at the portfolio, check out the video on my channel:

Don’t forget to subscribe to my channel for more videos like this!


🌱 Final Thoughts

This portfolio will always hold a special place in my heart. It reminds me of the late nights, the debugging sessions, and the joy of seeing my work come to life. It’s a testament to how far I’ve come and a reminder of the endless possibilities that lie ahead.

If you’re just starting out, remember: Every great journey begins with a single step. Start building, keep learning, and never stop growing.

Let’s connect! Feel free to reach out to me on LinkedIn or GitHub.

Heroku

Deploy with ease. Manage efficiently. Scale faster.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (2)

Collapse
 
madhurima_rawat profile image
Madhurima Rawat

This is so good and the animations are super cool 🔥

Collapse
 
sumonta056 profile image
Sumonta Saha Mridul

Thank you for your feedback ❤️

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay