https://github.com/rathod-shubham/netflix-clone
Built and Developed Netflix Clone using React JS, Redux, JS, CSS. Scroll across and click on your favorite show to watch its Trailer.
https://github.com/rathod-shubham/netflix-clone
css3 deployment github movie-trailer netflix-clone postman react react-youtube reactapi reactjs redux rest-api
Last synced: 7 months ago
JSON representation
Built and Developed Netflix Clone using React JS, Redux, JS, CSS. Scroll across and click on your favorite show to watch its Trailer.
- Host: GitHub
- URL: https://github.com/rathod-shubham/netflix-clone
- Owner: RATHOD-SHUBHAM
- Created: 2021-09-19T20:33:47.000Z (about 4 years ago)
- Default Branch: gh-pages
- Last Pushed: 2024-06-09T02:07:48.000Z (over 1 year ago)
- Last Synced: 2025-01-22T07:37:22.597Z (9 months ago)
- Topics: css3, deployment, github, movie-trailer, netflix-clone, postman, react, react-youtube, reactapi, reactjs, redux, rest-api
- Language: HTML
- Homepage: https://rathod-shubham.github.io/Netflix-Clone/
- Size: 2.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netflix Clone
Built and Developed Netflix Clone using React JS, Redux, JS, CSS.\
Scroll across and click on your favorite show to watch its Trailer. 😉
## Click [here](https://github.com/RATHOD-SHUBHAM/MachineLearning-1/tree/master/Projects/Recommendation%20System) to check out the backend logic of Recommendation System in python.
## Click to view the project [here](https://rathod-shubham.github.io/Netflix-Clone/)
## Getting Started with Create React App
1] Get TMDB API Key.\
2] Create a react project using create-react-app.\
3] Get all the Movies.\
4] Build the Rows.\
5] Build the Banner.\
6] Build the nav bar.\
7] Add trailer popups.
## Dependency:
1. react-youtube.
2. movie-trailer.
## Run the application on local machine : local host 3000
- npm start
## Using this
git clone or download the zip file.
Install all the packages and any packages that it depends on `npm install`
Run the app: `npm start`
## API
- TMDB - You can more about the api [here](https://www.google.com/search?q=tmdb&oq=TMDB&aqs=chrome.0.69i59j69i61l3.2803j0j1&sourceid=chrome&ie=UTF-8)
### 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.
The page will reload if you make edits.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
## Learn More
- To learn React, check out the [React documentation](https://reactjs.org/).
- Learn more about [Material-UI](https://material-ui.com/getting-started/installation/)
- Wanna know what chart.js is --> click [here](https://www.chartjs.org/docs/latest/)
- To learn about react leaflets click [here](https://react-leaflet.js.org/docs/start-installation)
- Why [Numeral.js](http://numeraljs.com)
- To know more about the API. Check out [TMDB](https://www.google.com/search?q=tmdb&oq=TMDB&aqs=chrome.0.69i59j69i61l3.2803j0j1&sourceid=chrome&ie=UTF-8)
### Deployment
Application was deployed on
- Netlify - whats is [netlify](https://www.netlify.com)
- Firebase - Google [firebase](https://firebase.google.com)
- [github](https://rathod-shubham.github.io/CovidTracker/) aswell.