36 lines
1.3 KiB
Markdown
36 lines
1.3 KiB
Markdown
# Netflix Clone
|
|
|
|
- Demo: http://netflix-clone-react.surge.sh/
|
|
|
|
This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses [The MovieDB Api](https://www.themoviedb.org/documentation/api) to search for movies and display details. Feel free to contribute!
|
|
|
|
### Tools used:
|
|
- Webpack
|
|
- Axios
|
|
- Redux & React
|
|
- Sass (grid & flexbox)
|
|
- Media queries
|
|
- Swiper JS
|
|
|
|
### Runing Project Locally
|
|
- Install dependencies: run `npm install` in root project
|
|
- Get API key from [here](https://www.themoviedb.org/documentation/api)
|
|
- Create .env file in root project and add: `API_KEY=YOUR_API_KEY_HERE`
|
|
- Run project: `npm run dev`
|
|
|
|
### User Stories:
|
|
|
|
- User can search for movies and TV shows on TMDb
|
|
- User can the see upcoming and trending movies. Data updates weekly
|
|
- User can click on a movie and a modal should pop up. It should display the title, release date, overview, and runtime.
|
|
- The webpage adapts to any screen size.
|
|
|
|
|
|
|
|
### Video Walktrough
|
|
|
|
|
|
|
|
|
|
Please feel free to create a pull request and submit any issues!
|
|
Currently looking for backend developers. If you would to contribute to support a backend, reach out, all ideas are welcomed! |