🎬 Movie Mood Matcher

Discover the perfect movie based on your mood!
This React + Tailwind CSS project fetches movie recommendations from TMDb API based on selected moods like Action, Romantic, Happy, and Sad.

🚀 Features

• 🎭 Choose a mood to get curated movie results.
• 🎥 View posters, movie overviews, and trailers.
• ❌ Option to remove selected mood and reset.
• 📱 Fully responsive layout using Tailwind CSS.
• 🌐 Integrates with TMDb for real-time movie data.

📁 Project Structure

movieMood/
├── node_modules/
├── public/
│ └── vite.svg
├── src/
│ ├── assets/
│ │ └── react.svg
│ ├── components/
│ │ ├── Header.jsx
│ │ └── MovieSelector.jsx
│ ├── App.jsx
│ ├── index.css
│ └── main.jsx
├── .env
├── .gitignore
├── eslint.config.js
├── index.html
├── package.json
├── README.md
├── tailwind.config.js
└── vite.config.js

🛠️ Installation

1. Clone the repo:

   git clone https://github.com/sainiSu/MovieMood.git
   cd movieMood
   
   

live demo:

https://movie-mood-omega.vercel.app/

To run

npm run dev