MoodMovie - Movie Recommendation Website

MoodMovie is a movie recommendation website built with React.js and designed using Sass. It provides users with a curated list of popular and trending movies and TV shows, helping them discover new content based on their mood.

Table of Contents

• Introduction
• Features
• Demo
• Installation
• Usage
• Technologies Used
• Contributing
• License
• Contact

Introduction

MoodMovie is a user-friendly web application that leverages the power of React.js to offer an engaging and interactive movie recommendation experience. Whether you are in the mood for action, romance, comedy, or any other genre, MoodMovie has got you covered! It fetches movie and TV show data from a reliable source, ensuring that you receive accurate and up-to-date information.

Features

• Browse popular and trending movies and TV shows.
• Get detailed information about each movie or TV show, including ratings, release date, cast and crew and more.
• Responsive design for a seamless experience on different devices.

Demo

Check out the live demo of MoodMovie here.

Installation

To run MoodMovie locally on your machine, follow these steps:

1. Clone the repository from GitHub:

git clone https://github.com/shyamg090/MoodMovie.git
cd MoodMovie

2. Install the dependencies:

npm install

3. Start the development server:

npm start

4. Open your web browser and navigate to http://localhost:3000 to see the application in action.

Usage

Once you have the application running, you can start exploring the various movie and TV show recommendations. The website is designed to be intuitive, so you should have no trouble using it right away.

Technologies Used

• React.js: A popular JavaScript library for building user interfaces.
• Sass: A powerful CSS preprocessor that enhances the styling capabilities.
• Axios: In MoodMovie, Axios is utilized to fetch data from the external API that provides movie and TV show information. Its simplicity and support for handling promises make it a great choice for handling asynchronous data retrieval.
• Context API: In MoodMovie, the Context API is employed to manage the user's watchlist, ensuring that the watchlist state remains accessible to different components throughout the application.
• React Router: In MoodMovie, React Router is used to create different routes for different pages, enabling smooth navigation between the homepage, search results, and movie details. It ensures that the application remains organized and easy to navigate for users.

Contributing

Contributions are welcome! If you find any issues or have suggestions to improve MoodMovie, feel free to open a GitHub issue or submit a pull request. Please follow the existing code style and guidelines when contributing.

License

license - [MIT License]

Happy movie exploring with MoodMovie! 🍿🎬