🎵 VibeSync — AI-Powered Collaborative Playlist Generator
Live Site: vibesync-app.netlify.app
🚀 Inspiration
The idea for VibeSync was born out of countless group hangouts, study sessions, and road trips where choosing the perfect playlist that matched everyone’s mood always took way too long. We wanted to build something futuristic — a platform where your group’s collective mood could automatically generate a playlist that just gets you. No more arguments, no more skipping tracks — just pure sync.
🧠 What We Learned
- Real-Time Mood Syncing: Learned how to collect and process group input data to train AI for vibe-based recommendations.
- Firebase Integration: Gained in-depth knowledge of Firebase Firestore for playlist saving and real-time user interactions.
- Bolt.new Framework: Discovered how fast and intuitive Bolt.new can be for building full-stack applications, especially when under a hackathon crunch.
🛠️ How We Built It
🔧 Stack:
- Frontend: React (via Bolt.new), Tailwind CSS
- Backend: Firebase (Firestore, Storage)
- Voice + AI Features: ElevenLabs for audio + OpenAI for reflections
- Hosting: Netlify
🌟 Key Features:
- 🎧 AI-generated Playlists based on group moods and energy inputs
- 💬 Live Chat between synced users
- ❤️ Save Playlists to your profile
- 🔁 Playlist Reuse from past moods
- 🧑🤝🧑 Digital Room Experience with vibes reflected in UI
⚔️ Challenges We Faced
- Live Chat Implementation: Ensuring real-time updates between multiple users while maintaining minimal latency was a tough but rewarding challenge.
- Mood Aggregation Logic: Translating multiple user inputs into a consistent vibe score for accurate AI playlist curation required careful UX and logic design.
- Deployment Hiccups: Our Netlify deployment had issues recognizing environment variables during the first run — fixed with a proper
.envsetup and build script updates.
🙌 What's Next
- 🎭 Add facial emotion detection for mood prediction via webcam
- 📱 Launch a mobile-first UI version
- 🧠 Integrate music intelligence APIs for deeper audio analysis
- 🌐 Expand to public Vibe Rooms — like group radio stations for anyone to join
Thanks for jamming with us — this is just the beginning.
Let’s vibe. 🔥
Built With
- bolt.new
- css
- firebase
- github
- javascript
- netlify
- openai
- react
- tailwind
- typescript
- youtube
Log in or sign up for Devpost to join the conversation.