Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shyamg090/moodmovie

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.
https://github.com/shyamg090/moodmovie

context-api javascript reactjs responsive-design scss tmdb-api

Last synced: 3 days ago
JSON representation

Host: GitHub
URL: https://github.com/shyamg090/moodmovie
Owner: shyamg090
Created: 2023-07-23T04:53:32.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2023-11-22T02:55:07.000Z (12 months ago)
Last Synced: 2023-11-22T03:35:08.252Z (12 months ago)
Topics: context-api, javascript, reactjs, responsive-design, scss, tmdb-api
Language: JavaScript
Homepage: https://moodmovie.netlify.app/
Size: 343 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# MoodMovie - Movie Recommendation Website

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Demo](#demo)
- [Installation](#installation)
- [Usage](#usage)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#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](https://moodmovie.netlify.app).

## Installation

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

1. Clone the repository from GitHub:

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

2. Install the dependencies:

```bash
npm install
```

3. Start the development server:

```bash
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! 🍿🎬