You are browsing as a guest. Sign up (or log in) to start making projects!

34m 23s logged

πŸš€ 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

0
8

Comments 0

No comments yet. Be the first!