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

Built With

  • framer-motion
  • gsap
  • howler.js
  • netlify
  • opentype.js
  • react
  • react-three-fiber
  • spline
  • tailwind-css
  • three.js
  • vite
Share this project:

Updates