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

https://github.com/jwdev66/moviesite


https://github.com/jwdev66/moviesite

enzyme firebase formik jest react redux-thunk styled-components typescript

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

          

# Movie Web App
It uses open [The Movie Database (TMDb) API] (https://www.themoviedb.org/documentation/api).
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

Builds the app for production to the `build` folder.

## Demo
[Live DEMO](https://react-rmdb.firebaseapp.com/)

## The project was build using the following technologies:
* React
* Redux & Redux thunk
* Typescript
* React router v4
* Reselect
* Formik
* Jest & Enzyme
* Styled components
* Firebase database

## Features
* List movies
* List a particular movie
* Sort & Filter movies
* Search a particular movie
* Load more movies on page scroll
* Authentication by using Firebase authentication backend
* Firebase database for storing favorited and watch later movies for authenticated users

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### `npm test`

Launches the test runner in the interactive watch mode.

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

![](https://github.com/Safr/react-rmdb/blob/master/public/images/Screenshot_1.png)
![](https://github.com/Safr/react-rmdb/blob/master/public/images/Screenshot_2.png)
![](https://github.com/Safr/react-rmdb/blob/master/public/images/Screenshot_3.png)
![](https://github.com/Safr/react-rmdb/blob/master/public/images/Screenshot_4.png)