← Back to Portfolio

Moodify

ML Music Recommendation Full Stack

Overview

Moodify is a mood-based video recommendation platform that suggests YouTube videos according to a user's current emotional state. Users can enter their mood through a simple interface, and the application communicates with a backend recommendation engine to fetch personalized video suggestions. The platform aims to enhance content discovery by providing recommendations tailored to the user's emotions.

Key Features

  • Mood-based video recommendation system
  • Personalized YouTube video suggestions
  • Real-time recommendation generation
  • Simple and intuitive user interface
  • API-driven recommendation engine
  • Dynamic video embedding using YouTube
  • Fast content retrieval using Axios
  • Responsive React-based frontend

Tech Stack

React.js
JavaScript
Vite
Axios
HTML5
CSS3
REST API
YouTube Embed API

How It Works

  • Mood Input: User enters their current mood or emotional state through the application's input field.
  • API Processing: The mood is sent to the backend recommendation engine using an Axios API request.
  • Mood Analysis: The backend analyzes the user's mood and identifies the most relevant content category.
  • Video Recommendation: The system fetches matching YouTube videos based on the detected mood.
  • Dynamic Display: Recommended videos are embedded and displayed directly within the application for instant viewing.

Mood Categories

  • Happy - Positive and entertaining video recommendations
  • Motivated - Inspirational and goal-oriented content
  • Relaxed - Calming and stress-relief videos
  • Energetic - High-engagement and action-oriented content
  • Focused - Productivity and concentration-enhancing videos
  • Reflective - Thought-provoking and emotionally engaging content