Personal portfolio
- 1 Devlogs
- 1 Total hours
It's very personal to me :D
It's very personal to me :D
🚀 Devlog: Personal Website Mission for Hack Club Stardance
I just completed my personal portfolio website for the Stardance Personal Page mission!
Instead of a standard flat layout, I built an interactive 3D spatial experience. As visitors scroll, a hardware-accelerated Three.js WebGL canvas flies the camera through 5 connected diorama exhibit nodes showcasing my journey, skills, and projects.
✨ Key Highlights:
• 3D Scroll World: Pinned Three.js canvas synced with GSAP ScrollTrigger
• Kinetic Typography: Smooth word-by-word scroll reveals & glassmorphism UI
• Featured Builds: IMAX PC experience, 3D Birthday Museum & Voice AI Assistant
• Dynamic Contact: Live form powered by EmailJS
🛠️ Tech Stack: React 19, Vite, Tailwind CSS v4, Three.js, GSAP, Lucide React
🔗 Links:
• Live Demo: https://portfolio-2-theta-hazel.vercel.app/
• GitHub Repo: https://github.com/susantedit/portfolio-2
• Mission: https://stardance.hackclub.com/missions/personal-page