https://github.com/victorandcode/watchmo
Responsive trailer viewer using React.js, inspired by Netflix's landing page
https://github.com/victorandcode/watchmo
Last synced: 2 months ago
JSON representation
Responsive trailer viewer using React.js, inspired by Netflix's landing page
- Host: GitHub
- URL: https://github.com/victorandcode/watchmo
- Owner: victorandcode
- License: gpl-3.0
- Created: 2017-12-04T23:03:32.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-25T01:42:20.000Z (over 3 years ago)
- Last Synced: 2023-03-21T04:25:37.486Z (over 3 years ago)
- Language: JavaScript
- Homepage: https://victorandcode.github.io/watchmo/
- Size: 22.2 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Description
Trailer viewing website using React+Redux architecture and with Netflix's look and feel
Please consider sometimes the movie db API is slow so queries might take a bit to load
## Features
- Show trailers in youtube or image sliders when trailer not available
- Searches by multiple pre-build criterias
- Search using query string
- Infinite paging
## Implementation details
- Manage state using Redux when necessary
- CSS as faithful as possible
- All data from Moviedb's API
## Technologies used
- React.js with ejected create-react-app template
- react-responsive
- redux
- redux-thunk
- slick carousel
- SASS
- MovieDB API
## Requirements
- npm
## How to use
```bash
npm install
npm start
```
## How to deploy to github pages
```bash
npm run deploy
```
## How to format files (using prettier)
```bash
npm run format
```
## Acknowledgment
- Iconfinder for all icons used on this page
- MovieDB for their data :)
- https://codepen.io/anon/pen/KyryVq?editors=1100 for guidelines on how to add the scaling effect on movie cards