Skip to content

ayushshukla99/Manoraag

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

16 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽต Manoraag

Feel the Music. Let AI Understand You.

An AI-powered emotion-aware music recommender that reads your face and plays what your mood needs.


โœจ What is Manoraag?

Manoraag is not just a music app โ€” itโ€™s an experience.

It detects your emotions through facial expressions and recommends music that matches your mood. Whether you're happy, sad, or furious โ€” Manoraag knows what you need to hear.


๐Ÿš€ Features

  • ๐ŸŽญ Real-time Emotion Detection (Face-based)
  • ๐ŸŽถ Smart Music Recommendations
  • โค๏ธ Favorites & Playback Control
  • ๐Ÿ“ธ Image Upload & Camera Input
  • ๐ŸŒ Full-stack Architecture (Frontend + Backend + ML)

๐Ÿง  How It Works

  1. Upload an image or use camera
  2. AI detects emotion (happy, sad, angry, etc.)
  3. Backend maps emotion โ†’ music mood
  4. Songs are recommended instantly

๐Ÿ“ธ Screenshots

๐Ÿ  Home Page

Home Clean UI with navigation and smooth layout.


โ„น๏ธ About Page

About Details about the project, tech, and purpose.


๐Ÿ“ท Camera Input

Camera Live camera preview to capture emotions in real-time.


๐Ÿ˜Š Happy Detection

Happy AI detects a happy face and suggests uplifting music.


๐Ÿ˜ก Angry Detection

Angry System detects anger and recommends intense tracks.


๐Ÿ—๏ธ Project Structure

Manoraag/
โ”œโ”€โ”€ frontend/     # UI (React / Vite)
โ”œโ”€โ”€ backend/      # APIs (Flask / Node)
โ”œโ”€โ”€ ml/           # Emotion detection logic
โ”œโ”€โ”€ docs/images/  # Screenshots

โš™๏ธ Tech Stack

  • Frontend: React, Vite, CSS
  • Backend: Python / Flask (or Node if used)
  • ML: DeepFace, OpenCV
  • Music: Spotify API

๐Ÿ› ๏ธ Setup Instructions

Clone the repo

git clone https://github.com/your-username/manoraag.git
cd manoraag

Backend

cd backend
pip install -r requirements.txt
python app.py

Frontend

cd frontend
npm install
npm run dev

๐Ÿ” Environment Variables

Create a .env file:

SPOTIFY_CLIENT_ID=your_id
SPOTIFY_CLIENT_SECRET=your_secret

๐Ÿ”ฎ Future Scope

  • ๐ŸŽง Real-time webcam emotion tracking
  • ๐Ÿ“ฑ Mobile app version
  • ๐Ÿค– Improved emotion accuracy
  • ๐ŸŒ Multi-language music recommendations

๐Ÿ‘จโ€๐Ÿ’ป Author

Ayush Shukla


โญ Show some love

If you liked this project, drop a โญ and share it!


๐ŸŽง Final Thought

โ€œMusic isnโ€™t just heardโ€ฆ itโ€™s felt. And now, itโ€™s understood.โ€

๐Ÿ“ธ Screenshots

๐Ÿ  Home Page

Home

โ„น๏ธ About Page

About

๐Ÿ“ท Camera Input

Camera

๐Ÿ˜Š Happy Detection

Happy

๐Ÿ˜ก Angry Detection

Angry

About

An AI-powered emotion-aware music recommender that detects your mood from facial expressions and delivers personalized music instantly.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors