Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/zerone0x/movie4fun

Frontend Website like IMDB using React.JS and Redux, TMDB
https://github.com/zerone0x/movie4fun

frontend imdb movie-rating-app movie-recommendation-app movies-app-react reactjs redux scss tmdb-api typescript

Last synced: about 2 months ago
JSON representation

Frontend Website like IMDB using React.JS and Redux, TMDB

Awesome Lists containing this project

README

        

# Movie4fun App

![React](https://img.shields.io/badge/React-61DAFB?style=flat&logo=react&logoColor=white) ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat&logo=typescript&logoColor=white) ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=flat&logo=react-router&logoColor=white) ![TMDB](https://img.shields.io/badge/TMDB-01D277?style=flat&logo=themoviedb&logoColor=white) ![Redux](https://img.shields.io/badge/Redux-764ABC?style=flat&logo=redux&logoColor=white) ![React Query](https://img.shields.io/badge/React_Query-00D88E?style=flat&logo=react-query&logoColor=white) ![Styled-components](https://img.shields.io/badge/Styled--components-DB7093?style=flat&logo=styled-components&logoColor=white) ![ESLint](https://img.shields.io/badge/ESLint-4B32C3?style=flat&logo=eslint&logoColor=white) ![Prettier](https://img.shields.io/badge/Prettier-F7B93E?style=flat&logo=prettier&logoColor=white)

![GitHub top language](https://img.shields.io/github/languages/top/zerone0x/imdb_clone) ![GitHub last commit](https://img.shields.io/github/last-commit/zerone0x/imdb_clone)
![GitHub](https://img.shields.io/github/license/zerone0x/imdb_clone)

![GitHub stars](https://img.shields.io/github/stars/zerone0x/imdb_clone) ![GitHub forks](https://img.shields.io/github/forks/zerone0x/imdb_clone)

- [Movie4fun App](#movie4fun-app)
- [Features](#features)
- [Screenshots](#screenshots)
- [API Using](#api-using)
- [Getting Started](#getting-started)
- [License](#license)

Welcome to the Movie4fun App, a React-based application designed to provide movie enthusiasts with a platform to explore, rate, and manage their favorite films. This application leverages modern web technologies to deliver a robust and interactive user experience.

## Features

- 📶 Movie Trending: View trending movies.
- 🔍 Movie Search: Search for movies.
- 🎬 Movie Detail: Get detailed information on movies.
- 🎥 Movie Cast: View the cast of movies.
- 📺 Movie Video: Watch movie trailers
- 🍀 Movie Recommendation: Get movie recommendations.
- ⭐ Movie Rating: Rate movies.
- 📍 Movie Watchlist: Keep track of your favorite movies.

## Screenshots

![brL8Bwtest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/brL8Bwtest.png)
![W4D8T7test](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/W4D8T7test.png)
![d1EWh6test](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/d1EWh6test.png)
![tUuwA0test](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/tUuwA0test.png)
![ruWSontest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/ruWSontest.png)
![SlSWMUtest](https://cdn.jsdelivr.net/gh/h3x311/upic@main/LC3/2024/SlSWMUtest.jpg)

## API Using

- [TMDB](https://developer.themoviedb.org/reference/intro/getting-started)

## Getting Started

To get a local copy up and running follow these simple steps:

1. Clone the repo
```sh
git clone https://github.com/zerone0x/imdb_clone.git
```
2. Install bun packages
```sh
bun install
```
3. Start the application
```sh
bun run dev
```

## License

Distributed under the MIT License. See `LICENSE` for more information.