https://github.com/kovart/moviedb-react-app
❤️ A modern movie application with React/Redux [The Movie Database API]
https://github.com/kovart/moviedb-react-app
lazy-loading material-ui moviedb-api react redux
Last synced: about 1 year ago
JSON representation
❤️ A modern movie application with React/Redux [The Movie Database API]
- Host: GitHub
- URL: https://github.com/kovart/moviedb-react-app
- Owner: kovart
- Created: 2019-12-11T08:14:24.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-02-10T20:53:27.000Z (over 4 years ago)
- Last Synced: 2025-04-15T23:02:42.671Z (over 1 year ago)
- Topics: lazy-loading, material-ui, moviedb-api, react, redux
- Language: JavaScript
- Homepage: https://react-cinema.herokuapp.com/
- Size: 2.09 MB
- Stars: 16
- Watchers: 3
- Forks: 6
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Library Application (React / Redux)
A simple and fast application that allows you to discover movies. Fully written with *React Hooks* and *Material UI* library.
Powered by [The Movie Database API](https://developers.themoviedb.org/3/getting-started/introduction).
# Demo
The app is hosted on Heroku. [**TRY IT IN ACTION!**](https://react-cinema.herokuapp.com/)
# Features
The application allows to:
- Search movies
- Get movie info
- Get similar movies
- Get recommended movies
- Discover popular/trending/upcoming movies
- Add to favorites
- Watch visited movies
# Tech Features
- [x] Material UI
- [x] React Hooks
- [x] Redux implementation
- [x] Custom Redux Middleware
- [x] Async Requests
- [x] Action Cancellation
- [x] Debouncing
- [x] Lazy Loading
- [x] Dynamic Loading
- [x] Client-Side Storage
# Todo ✔️
- [ ] Improve responsiveness
- [ ] Add routes for tabs on the Home page
- [ ] Refactor code
# Development 💻
This app is created by using create-react-app.
So you can simply install the dependencies:
```bash
$ npm i
```
And then start the development server:
```bash
$ npm run start
```
# License
MIT