https://github.com/abdullah-moiz/netflix-clone-react

Node JS , mongoDB , Firebase , Redux , React , tailwind Css , TMDB Api's
https://github.com/abdullah-moiz/netflix-clone-react

mongodb movie netflix-clone-app-frontend netflix-clone-react nodejs react reactjs

Last synced: 2 months ago
JSON representation

Node JS , mongoDB , Firebase , Redux , React , tailwind Css , TMDB Api's

• Host: GitHub
• URL: https://github.com/abdullah-moiz/netflix-clone-react
• Owner: Abdullah-moiz
• Created: 2022-09-18T05:50:46.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-18T06:14:55.000Z (over 2 years ago)
• Last Synced: 2025-01-25T11:42:53.033Z (4 months ago)
• Topics: mongodb, movie, netflix-clone-app-frontend, netflix-clone-react, nodejs, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 9.77 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Netflix-Clone-React

Node JS , mongoDB , Firebase , Redux , React 

# How to Run Netflix Clone

1 :  first make sure you have Installed Node js  

2 : download Source Code and open it in VS code 

3 : open Terminal and add following code  written below

 Cd netflix-ui

 npm start

 

 4: open anothe terminal write code written below

 cd Backend

 npm start

 

 All set You can now go to browser and open localhost:3000 

 

# User Interface

# Home Page

![first](https://user-images.githubusercontent.com/90745903/190888103-85743e6f-62ec-4b98-b8ca-cd84c83d6b29.png)

# Home Page trending Topic with Slider

![second](https://user-images.githubusercontent.com/90745903/190888106-8faaf76a-7b7f-4a8a-a00d-653236357395.png)

# TV Shows with Various Genres TMDB Api's are used to fetch all these Images

![third](https://user-images.githubusercontent.com/90745903/190888113-602729ca-6676-4f50-b875-50fd4ff3f388.png)

# movies Page with Genres

![fourth](https://user-images.githubusercontent.com/90745903/190888115-81d89620-a9b2-4964-bf9f-c86bc4e0bec6.png)

![fifth](https://user-images.githubusercontent.com/90745903/190888122-e8b1fa84-ca04-4acf-92c9-9ff361d609dc.png)

![sixth](https://user-images.githubusercontent.com/90745903/190888125-2b6f641d-7861-485d-9671-2577a08b49cc.png)

#  can Add movies to Favorite List by hover over movie card and press + icon

![seventh](https://user-images.githubusercontent.com/90745903/190888138-69fceabd-8b09-4e2e-a1eb-c860d0163881.png)

# can Remove Movies from Favorite list by hover over movie card and press Tick icon

![last](https://user-images.githubusercontent.com/90745903/190888149-392a2adb-0d20-4e90-bb77-dc02debc8777.png)

# login

![ninth](https://user-images.githubusercontent.com/90745903/190888130-2987ff11-4d60-43f3-8485-33000c8f7025.png)

# signUp

![11th](https://user-images.githubusercontent.com/90745903/190888147-90374fd5-c11a-4759-a85c-9ed4a5a509d2.png)

# mongoDB View For Favorite Item For Each User

![oklast](https://user-images.githubusercontent.com/90745903/190888152-9c76486f-7cf9-428d-bb67-4e31f57f3524.png)