Mood DJ

Tunes & Flicks for Every Feeling. Choose from 20 moods or chat AI for personalized music and movie picks

Comment

🧠 Inspiration

Music and movies have always been a way for people to connect with their emotions, but platforms today don’t make it easy to express how you feel and get personalized content in return. I wanted to create an experience where users can simply feel and let the app do the rest. That’s how Mood DJ was born: a minimalist emotional companion that serves you handpicked songs and movies based on how you're feeling, no digging required.

🎵 What it does

Mood DJ offers:

  • 20 handpicked premade moods like "Romantic", "Anxious", "Chill", "Upbeat", "Productive", and more. Each comes with a curated list of top songs and movies.
  • An AI chat feature that lets logged-in users describe their mood in their own words. The AI understands emotional context and responds with tailored playlists.
  • Firebase Auth for secure login/signup; only authenticated users can access advanced features like mood chat.

🛠 How I built it

  • Frontend: Built with Vite and React for fast development and modular design
  • Styling: Tailwind CSS for a clean, minimalist, and mobile-friendly UI
  • Authentication & Database: Firebase Auth for login/signup, and Firebase Firestore for storing mood data and user interactions
  • AI Chat: Integrated OpenAI API to interpret user-described moods and generate personalized responses

🧩 Challenges I ran into

  • Fine-tuning the AI to accurately recognize complex emotions from chat input
  • Balancing a minimalist UI with rich emotional depth and interactive features
  • Managing JSON content for 20 moods while keeping it scalable and easy to update
  • Setting up secure access so only authenticated users can use advanced features
  • Ensuring fast load times and smooth transitions despite handling many media links

🏆 Accomplishments that I’m proud of

  • Delivered a working, smooth emotional companion app in a short time
  • Successfully integrated Firebase Auth, OpenAI, and JSON content into a single experience
  • Built a well-structured mood engine with high-quality curated songs and movies
  • Designed a clean, emotionally-friendly UI that feels intuitive and comforting

📚 What I learned

  • Emotional UX is about tone, pacing, and simplicity, not just visuals
  • Using OpenAI in a lightweight frontend setup like Vite.js requires smart API design
  • Firebase Auth is incredibly helpful for rapid secure login features
  • Curating content for emotion is more about human touch than algorithms

🚀 What’s next for Mood DJ

  • Add user mood history and analytics for personal insight
  • Allow users to save favorite moods and share playlists
  • Expand mood types and enable custom moods
  • Introduce notifications/reminders based on mood patterns
  • Add music streaming previews or integration with Spotify/YouTube embeds
  • Launch public beta and gather feedback for the next phase

Built With

Share this project:

Updates