The latest articles on DEV Community by sumaytode (@sumaytode). https://dev.to/sumaytode https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3956451%2Fdbc2a244-c845-4d70-a419-b5edd29dde28.jpg https://dev.to/sumaytode en sumaytode Thu, 28 May 2026 13:18:15 +0000 https://dev.to/sumaytode/how-i-built-my-portfolio-website-using-html-css-javascript-hm8 https://dev.to/sumaytode/how-i-built-my-portfolio-website-using-html-css-javascript-hm8 <p>This is a submission for the <a href="https://dev.to/challenges/github-2026-05-21">GitHub Finish-Up-A-Thon Challenge</a></p> <h2> What I Built </h2> <p>I built a modern <strong>futuristic portfolio website</strong> to showcase my projects, skills, and achievements as a developer. The website features <strong>advanced UI effects</strong> 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.</p> <h2> Demo </h2> <p><a href="https://sumaytode.vercel.app" rel="noopener noreferrer">My Live Project</a></p> <h2> The Comeback Story </h2> <p>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.</p> <h2> My Experience with GitHub Copilot </h2> <p>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.</p> <p>Team:</p> <ul> <li>Me</li> <li>GitHub</li> <li>GitHub Copilot</li> </ul> <p>Thanks for such a beautiful opportunity</p> devchallenge githubchallenge