Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zajjaj-khan/netflix-clone2.0
This is a Netflix clone entirely buit on ReactJS + Redux. I am tried my best to match the exact Neflix web-app, Hope you would love it <3
https://github.com/zajjaj-khan/netflix-clone2.0
firebase firebase-auth javascript reactjs redux
Last synced: 9 days ago
JSON representation
This is a Netflix clone entirely buit on ReactJS + Redux. I am tried my best to match the exact Neflix web-app, Hope you would love it <3
- Host: GitHub
- URL: https://github.com/zajjaj-khan/netflix-clone2.0
- Owner: Zajjaj-Khan
- Created: 2023-09-20T18:37:09.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-20T17:25:56.000Z (about 1 year ago)
- Last Synced: 2024-01-26T08:08:41.765Z (10 months ago)
- Topics: firebase, firebase-auth, javascript, reactjs, redux
- Language: JavaScript
- Homepage:
- Size: 2.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netflix 2.0 🚀
Hello Guy ! Im Super exicted to share this built with you guys, A Netflix 2.0. This is a Netflix clone Developed using ReactJS ,Redux,Firebase Auth. I have tried to replicate as close as i could to netflix app. _Clone this repo guys, give it a test 😊_
## Features
- SignUp/Login Feature
- Catergory Feature
- Search Movie
- Firebase Authentication
- Stripe payment Integration
- Redux Implementation
- Responsiveness## Demo
#### Will be Aailable Soon !
## API Reference
I have used a _ The Movie Database (TMDB) TMDB _ to fetch the last, trending and different categories of movies
### BaseUrl
```javascript
const instance = axios.create({
baseURL: "https://api.themoviedb.org/3",
});
```#### Get Trending Movie
```https
GET /trending/all/week?api_key=${API_KEY}&language=en-US
```#### Get Netflix Orignals
```https
/discover/tv?api_key=${API_KEY}&with_networks=213
```#### Get Comedy Movies
```https
/discover/movie?api_key=${API_KEY}&with_genres=35
```#### Get Documentaries
```https
/discover/movie?api_key=${API_KEY}&with_genres=99
```#### Get Top Rated
```https
/movie/top_rated?api_key=${API_KEY}&language=en-US
```#### Get Action Movies
```https
/discover/movie?api_key=${API_KEY}&with_genres=28
```| Parameter | Type | Description |
| :-------- | :------- | :------------------------- |
| `API_KEY` | `string` | **Required**. Your API key |## Run locally
Run this project on your localport 300 💻
```bash
git clone 'https://github.com/Zajjaj-Khan/Netflix-clone2.0.git'
```Make sure you have **node** and **npm** installed in your computer
Run this commond inside the project directory to install all the packages required.```bash
npm install
```To run the application on port 3000 type:
```bash
npm start
```in your terminal.
## Color Reference
| Color | Hex |
| ------------- | ---------------------------------------------------------------- |
| Neflix Red | ![#e50914](https://via.placeholder.com/10/e50914?text=+) #e50914 |
| Text/Headings | ![#fff](https://via.placeholder.com/10/fff?text=+) #fff |
| Black | ![#111](https://via.placeholder.com/10/111?text=+) #111 |## Screenshots
![project image](https://github.com/Zajjaj-Khan/Netflix-clone2.0/blob/master/images/main.png)