Business Context: Traditional quinceañera invitations are static and forgettable. Princess XV reimagines the entire guest experience as an interactive web platform — from the invitation itself to event-day engagement features like live photo contests and song requests.
The Challenge: Build a production-grade event platform in under 3 weeks handling 200+ concurrent guests, real-time voting, AI image processing, and an admin dashboard for seating management.
Technical Architecture
Scroll-Driven 3D Experience: AirPods-style animation architecture where scroll position controls 3D scene transitions, parallax layers, and cinematic reveals using GSAP ScrollTrigger and Three.js.
Guest Management: Full admin panel with CRUD for guests, table assignments, RSVP tracking, and interactive venue floor plan with drag-and-drop seating.
AI Photo Booth: Guests apply AI-generated artistic effects to selfies (style transfer, background replacement, themed filters).
Song Requests: Integrated with iTunes Search API — guests search and request songs in real-time. The DJ sees a prioritized queue with vote counts.
Stack: Next.js, GSAP ScrollTrigger, Three.js, AI Image Processing, iTunes Search API, WebSockets, Node.js.
Related projects
