DIY DJ

Inspiration

Approximately 2.3 million weddings occur annually in the U.S. (The Knot, 2025), alongside 145 million corporate, social, and special events (Allied Market Research, 2024). Entertainment drives event success, with 83% of planners prioritizing it (Cvent, 2025), yet traditional DJs cost $1,689 on average for weddings and $795–$1,500 for other events (DJC West, 2023). Additionally, 71% of attendees crave personalized, interactive experiences (Bizzabo, 2024), which static playlists or costly DJs often fail to deliver, resulting in disengaged guests and lackluster events. At a friend’s wedding, I watched a DJ stick to a rigid playlist, ignoring guest requests and charging thousands, leaving many bored. I envisioned a platform where guests could vote on songs in real time, add fun voice notes, and shape the vibe affordably. Inspired by collaborative tech and the need for engaging entertainment, I created DIY DJ to transform events into interactive, guest-driven celebrations, with potential for professional DJs to enhance their services.

What it does

DIYDJ is an interactive DJ application designed for events with collaborative playlists, real-time voting, AI-generated voice notes, and seamless music service integration. Here's an overview of this application:

How we built it

DIYDJ was built using a modern tech stack: Frontend: React 18, TypeScript, Tailwind CSS, Framer Motion Backend: Supabase (PostgreSQL, Auth, Real-time, Edge Functions. Deployment: Netlify. AI Services: ElevenLabs for voice generation. Payment Processing: Stripe for handling event purchases and RevenueCat.Music APIs: Spotify Web API, Apple Music API

Challenges we ran into

Real-time Synchronization: Ensuring all guests see the latest playlist changes and vote counts. Music Service Integration: Connecting to both Spotify and Apple Music APIs with different authentication methods. AI Voice Generation: Implementing high-quality, natural-sounding voice announcements. Mobile Responsiveness: Ensuring the UI works seamlessly on all devices, especially for guest participation. Performance Optimization: Managing complex animations and audio processing

Accomplishments that we're proud of

Seamless Guest Experience: No app download required for participants. Robust Host Controls: Complete control over playlist and event flow. Cross-Platform Compatibility: Works on all modern browsers and devices. Professional DJ Features: Advanced mixing controls with visual feedback. Scalable Architecture: Designed to handle events of various sizes

What we learned

React Router for navigation, Zustand for state management, React Hook Form for form handling, and configuring a backend with Supabase for real-time features and complex edge functions.

What's next for DIY DJ

A full launch is what is next for DIYDJ. Currently in beta mode as we work through some kinks

Built With

• applemusicapi
• css
• framermotion
• netlify
• react
• spotifywebapi
• supabase
• tailwind
• typescript