My Movie Mood

A modern web application that recommends movies based on your emotional state, powered by TMDB API and Firebase authentication.

🌟 Features

• 🎭 Mood-Based Recommendations: Get personalized movie suggestions based on your current mood
• 🔍 Advanced Filtering: Filter by year range and movie format (Animation/Live Action)
• 🔐 Secure Authentication: User authentication powered by Firebase
• 💾 Smart Caching: Local caching system for improved performance
• 📱 Responsive Design: Beautiful glass-morphism UI that works on all devices
• 🎬 Rich Movie Data: Detailed movie information from TMDB API
• 🚫 Content Filtering: Built-in filtering for appropriate content

🚀 Quick Start

Prerequisites

• Node.js (v18 or higher recommended)

Installation

1. Clone the repository

git clone https://github.com/rahulpatel902/my-movie-mood.git
cd my-movie-mood

2. Install dependencies

npm install

3. Set up environment variables
   • Copy .env.example to .env
   • Fill in your Firebase and TMDB API credentials

Development

npm run dev

Visit http://localhost:5173 in your browser

Production Build

npm run build
npm run preview

🏗️ Project Structure

project-root/
├── src/                    # Source files
│   ├── api.js             # TMDB API integration
│   ├── authCheck.js       # Authentication utilities
│   ├── config.js          # Configuration and constants
│   ├── firebase.js        # Firebase initialization
│   ├── ui.js             # UI update functions
│   └── utils.js          # Helper utilities
├── public/                # Static assets
├── documentation/         # Project documentation
├── auth.{html,css,js}    # Authentication pages
├── index.html            # Main application page
├── main.js              # Application entry point
├── style.css            # Global styles
└── vite.config.js       # Vite configuration

🛠️ Tech Stack

• Frontend Framework: Vanilla JavaScript with modern ES6+ features
• Build Tool: Vite v5.4
• Authentication: Firebase v10.14
• API Integration: TMDB API v3
• Styling: Custom CSS with Glass-morphism design

🔒 Security Features

• Environment variables for sensitive data
• Secure authentication flow
• API key protection
• Content filtering
• Error handling and retry mechanisms

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 Environment Variables

This project requires the following environment variables:

• VITE_FIREBASE_API_KEY: Firebase API key
• VITE_FIREBASE_AUTH_DOMAIN: Firebase auth domain
• VITE_FIREBASE_PROJECT_ID: Firebase project ID
• VITE_FIREBASE_STORAGE_BUCKET: Firebase storage bucket
• VITE_FIREBASE_MESSAGING_SENDER_ID: Firebase messaging sender ID
• VITE_FIREBASE_APP_ID: Firebase app ID
• VITE_FIREBASE_MEASUREMENT_ID: Firebase measurement ID
• VITE_TMDB_API_KEY: TMDB API key for movie data Make sure to set these in your Netlify environment variables for deployment.

🙏 Acknowledgments

• TMDB for the comprehensive movie database
• Firebase for authentication services
• Vite for the excellent build tool
• Font Awesome for icons
• Flaticon for the favicon

📄 License

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