π 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
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.