Skip to content

HackStyx/MoodMelody

Repository files navigation

๐ŸŽต MoodMelody - Your Personal Music Mood Diary

MoodMelody Logo

Track your emotions, discover music, and relive your journey through an AI-powered mood diary

Live Demo GitHub Next.js Vercel


โœจ What Makes MoodMelody Magical?

MoodMelody transforms your daily emotional journey into a beautiful symphony of self-discovery


๐Ÿš€ Core Features

๐Ÿง  AI-Powered Emotion Detection

95% accuracy with cutting-edge AI

๐ŸŽฏ OpenRouter + Mistral AI - Industry-leading emotion analysis
๐ŸŒ 7 Languages Supported - Global emotional understanding
โšก Real-time Processing - Instant mood detection as you type
๐ŸŽจ Confidence Scoring - Know how certain the AI is about your mood

๐ŸŽต Smart Music Curation

Your emotions, your soundtrack

๐ŸŽง Spotify Integration - Millions of songs at your fingertips
๐ŸŒ Localized Recommendations - Music that speaks your language
๐ŸŽญ Mood-Matched Playlists - Perfect songs for every feeling
๐ŸŽฏ Focused Curation - Quality over quantity, every time

๐Ÿ“Š Beautiful Analytics Dashboard

See your emotional growth in stunning visuals

๐Ÿ“ˆ Interactive Charts - Watch your mood patterns unfold
๐Ÿ”ฅ Streak Tracking - Gamify your journaling journey
๐ŸŽจ 6-Month Trends - Long-term emotional insights
๐Ÿค– AI-Generated Reports - Deep analysis of your emotional patterns

โœจ Magical User Experience

Designed to delight, built to perform

๐ŸŽจ Glassmorphism UI - Modern, beautiful, and intuitive
๐Ÿ“ฑ PWA Ready - Install like a native app
๐ŸŒ™ Dark/Light Themes - Adapts to your preference
โšก Lightning Fast - Optimized for speed and performance


๐ŸŽญ The Emotion Journey ๐ŸŒŸ

๐Ÿ“ Write Your Thoughts โ†’ ๐Ÿง  AI Analyzes Your Mood โ†’ ๐ŸŽต Get Perfect Music โ†’ ๐Ÿ“Š Track Your Growth
Feature What It Does Why It's Awesome
๐Ÿ“ Smart Journaling Write daily entries with automatic emotion detection Never wonder about your mood again
๐ŸŽต Music Discovery Get personalized songs based on detected emotions Discover your new favorite song every day
๐Ÿ“Š Growth Analytics Visualize emotional patterns over time Watch yourself grow and improve
๐Ÿ”ฅ Streak System Maintain daily journaling habits Turn self-care into a fun game
๐ŸŒ Global Support 7 languages with localized music Everyone deserves emotional wellness

๐Ÿ› ๏ธ Tech Stack

๐ŸŽจ Frontend Excellence

Next.js React TypeScript Tailwind CSS

๐Ÿค– AI & Backend Power

Supabase OpenRouter Spotify API Hugging Face

โšก Performance & Tools

Vercel Framer Motion Radix UI PWA


๐Ÿ—๏ธ Architecture Overview

graph TB
    A[๐ŸŒ User Interface] --> B[โš›๏ธ Next.js 15 App Router]
    B --> C[๐Ÿ” Supabase Auth]
    B --> D[๐Ÿค– OpenRouter AI]
    B --> E[๐ŸŽต Spotify API]
    B --> F[๐Ÿ’พ Supabase Database]
    
    C --> G[๐Ÿ‘ค Google OAuth]
    D --> H[๐Ÿง  Mistral Small 24B]
    E --> I[๐ŸŽง Music Recommendations]
    F --> J[๐Ÿ“Š Mood Analytics]
    
    style A fill:#e1f5fe
    style B fill:#f3e5f5
    style D fill:#fff3e0
    style E fill:#e8f5e8
Loading

๐Ÿš€ Quick Start

1. Clone the Repository

git clone https://github.com/HackStyx/MoodMelody.git
cd MoodMelody

2. Install Dependencies

npm install

3. Environment Setup

Create a .env.local file with your API keys:

# Supabase Configuration
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

# AI Emotion Detection
OPENROUTER_API_KEY=your_openrouter_api_key
HUGGINGFACE_API_KEY=your_huggingface_api_key

# Spotify Music Recommendations
SPOTIFY_CLIENT_ID=your_spotify_client_id
SPOTIFY_CLIENT_SECRET=your_spotify_client_secret

4. Database Setup

# Run the database schema
psql -f database/schema.sql

5. Run Development Server

npm run dev

Open http://localhost:3000 to see MoodMelody in action!

๐Ÿ“ฑ Screenshots

๐Ÿ  Homepage

Beautiful landing page with feature showcase

๐Ÿ“Š Dashboard

Mood tracking, journaling, and music recommendations

๐Ÿ“ˆ Mood History

Comprehensive analytics with AI insights

๐Ÿ‘ค Profile

Personalized settings and preferences

๐ŸŽฏ What Makes MoodMelody Special

Dive deep into the technology and intelligence that powers your emotional journey

๐Ÿง  AI Emotion Detection

The brain behind your mood tracking

๐ŸŽฏ 95% Accuracy Guarantee

  • ๐Ÿฅ‡ Primary Engine: OpenRouter + Mistral Small 24B
  • ๐Ÿ”„ Smart Fallback: Enhanced keyword detection system
  • ๐ŸŒ Global Support: 7 languages with native understanding
  • ๐Ÿ“Š Confidence Metrics: Real-time certainty scoring

"From 'feeling overwhelmed' to perfect emotional insight in milliseconds"

๐ŸŽต Smart Music Curation

Your emotions, transformed into the perfect soundtrack

๐ŸŽง Millions of Songs at Your Service

  • ๐ŸŽญ Emotion-First: Mood-matched musical experiences
  • ๐Ÿ‘ค Personal Touch: Your taste + AI intelligence
  • ๐ŸŒ Culturally Aware: Localized for authentic recommendations
  • โšก Quality Focus: Maximum 3 searches for perfect results

"Discover your new favorite song every single day"

๐Ÿ“Š Beautiful Analytics

Watch your emotional growth unfold

๐Ÿ“ˆ Your Journey Visualized

  • ๐Ÿค– AI Insights: GPT-powered mood analysis
  • ๐Ÿ“… Trend Tracking: 6-month emotional patterns
  • ๐Ÿ”ฅ Streak Gamification: Daily consistency rewards
  • ๐Ÿ’ก Growth Metrics: Track your emotional development

"See patterns you never knew existed in your emotional world"

๐Ÿ” Privacy & Security

Your emotions, safely protected

๐Ÿ›ก๏ธ Enterprise-Grade Protection

  • ๐Ÿ” Google OAuth: Secure, trusted authentication
  • ๐Ÿ”’ Encrypted Storage: Row-level security policies
  • ๐Ÿ”‘ API Security: Environment-protected sensitive data
  • ๐Ÿ“ก HTTPS Everywhere: End-to-end encryption

"Your most personal thoughts deserve the highest protection"


๐ŸŒŸ The MoodMelody Difference

What Others Do What MoodMelody Does Why It Matters
๐Ÿ˜ Basic mood tracking ๐Ÿง  AI-powered emotion analysis Know exactly how you feel, not just guess
๐ŸŽต Generic playlists ๐ŸŽฏ Mood-matched music curation Every song resonates with your current state
๐Ÿ“Š Simple charts ๐Ÿ“ˆ AI-generated insights Understand patterns and triggers in your emotions
๐Ÿ”“ Basic security ๐Ÿ” Enterprise-grade protection Your personal journey stays completely private

๐ŸŒ Multi-language Support

Language Search Terms Spotify Market Status
๐Ÿ‡บ๐Ÿ‡ธ English Native US โœ… Active
๐Ÿ‡ช๐Ÿ‡ธ Spanish Localized ES โœ… Active
๐Ÿ‡ซ๐Ÿ‡ท French Localized FR โœ… Active
๐Ÿ‡ฉ๐Ÿ‡ช German Localized DE โœ… Active
๐Ÿ‡ฎ๐Ÿ‡ณ Hindi Localized IN โœ… Active
๐Ÿ‡จ๐Ÿ‡ณ Chinese Localized TW โœ… Active
๐Ÿ‡ฏ๐Ÿ‡ต Japanese Localized JP โœ… Active

๐Ÿค Contributing

We welcome contributions! Here's how you can help:

  1. ๐Ÿด Fork the repository
  2. ๐ŸŒฟ Create a feature branch (git checkout -b feature/amazing-feature)
  3. ๐Ÿ’พ Commit your changes (git commit -m 'Add amazing feature')
  4. ๐Ÿš€ Push to the branch (git push origin feature/amazing-feature)
  5. ๐Ÿ”„ Open a Pull Request

๐Ÿ“„ API Documentation

Emotion Detection API

POST /api/emotion
Content-Type: application/json

{
  "text": "I'm feeling really happy today!"
}

Response:
{
  "emotion": "joy",
  "confidence": 0.95,
  "method": "openrouter"
}

Music Recommendations API

POST /api/spotify/recommendations
Content-Type: application/json

{
  "emotion": "joy",
  "preferences": ["pop", "happy"],
  "language": "en"
}

Response:
{
  "tracks": [...],
  "searches_performed": 2
}

๐Ÿ”ง Configuration

Supabase Setup

  1. Create a new Supabase project
  2. Run the provided schema (database/schema.sql)
  3. Configure authentication providers (Google OAuth)
  4. Set up Row Level Security policies

API Keys Setup

๐Ÿ“Š Analytics & Monitoring

  • ๐Ÿ“ˆ Vercel Analytics: User engagement and behavior tracking
  • โšก Speed Insights: Performance monitoring and Core Web Vitals
  • ๐Ÿ” Error Tracking: Comprehensive error handling and logging
  • ๐Ÿ“ฑ PWA Metrics: Installation and usage statistics

๐Ÿ“ž Support

๐Ÿ“œ License

This project is licensed under the MIT License - see the LICENSE file for details.


Made with โค๏ธ by HackStyx

MoodMelody - Where emotions meet music ๐ŸŽต

About

Track your emotions, discover music, and relive your journey through an AI-powered mood diary

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published