DEV Community

Cover image for How I Built My Portfolio Website Using HTML, CSS & JavaScript
sumaytode
sumaytode

Posted on

How I Built My Portfolio Website Using HTML, CSS & JavaScript

GitHub “Finish-Up-A-Thon” Challenge Submission

This is a submission for the GitHub Finish-Up-A-Thon Challenge

What I Built

I built a modern futuristic portfolio website to showcase my projects, skills, and achievements as a developer. The website features advanced UI effects like glassmorphism, stacking scroll animations, interactive project cards, smooth hover effects, and a fully responsive design. This project helped me improve my frontend development and UI/UX design skills while creating a unique and engaging user experience.

Demo

My Live Project

The Comeback Story

The project originally started as a simple portfolio website with basic sections and minimal animations. Later, I redesigned and upgraded the entire UI by adding futuristic styling, glassmorphism effects, smooth interactions, and advanced CSS stacking card animations. I also improved responsiveness, project presentation, and overall user experience to make the portfolio look more modern and professional.

My Experience with GitHub Copilot

GitHub Copilot helped me speed up the development process by suggesting code, improving UI components, and assisting with animations and responsiveness. It made experimenting with modern frontend effects easier and helped me learn better coding practices while building and refining my portfolio website.

Team:

  • Me
  • GitHub
  • GitHub Copilot

Thanks for such a beautiful opportunity

Top comments (0)