Inspiration : In today’s digital era, a résumé alone doesn’t define a developer — your online presence does. I wanted to build something that not only represents my work but also my personality — combining sleek design, interactivity, and storytelling.
What It Does : My portfolio is an interactive web experience that introduces me, my skills, and my projects in a visually immersive way. It includes: 1) 3D models (Earth, Moon, Saturn, Astronaut) moving with scroll. 2) A typewriter intro with dynamic identity phrases 3) A responsive design with smooth parallax and hover animations 4) A contact section for collaboration and networking
How I Built It : Built using React + Vite, styled with Tailwind CSS, and powered by Framer Motion, GSAP, and Three.js for animations and 3D effects. Hosted seamlessly on Netlify for lightning-fast deployment.
Challenges I Faced : 1) Optimizing large 3D models for fast load times 2) Managing scroll-triggered animations without breaking responsiveness 3) Ensuring external 3D links load correctly on Netlify
Accomplishments I’m Proud Of : 1) Achieved a fully functional 3D-animated website using Spline models 2) Designed an original visual identity through colors, animations, and layout 3) Learned advanced frontend optimization for production builds
What I Learned : 1) Deep understanding of modern frontend frameworks and animation libraries 2) How to deploy and debug live builds 3) How to design for both aesthetics and performance
What’s Next : 1) Add dark/light mode with motion controls 2) Expand the project section with real-time previews 3) Integrate a backend for visitor analytics and message handling
Log in or sign up for Devpost to join the conversation.