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

Open comments for this post

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
0
6

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…