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: 2 months 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 (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-02-10T20:53:27.000Z (almost 3 years ago)
• Last Synced: 2023-03-02T15:09:49.175Z (almost 2 years ago)
• Topics: lazy-loading, material-ui, moviedb-api, react, redux
• Language: JavaScript
• Homepage: https://react-cinema.herokuapp.com/
• Size: 2.09 MB
• Stars: 15
• Watchers: 2
• Forks: 5
• 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/)

![Movie Library Application on React and Redux](./docs/demo.PNG)

# 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