https://github.com/devshehabibrahem/netflix

A Fully Responsive Netflix Clone Built Using React.JS & Firebase & Redux
https://github.com/devshehabibrahem/netflix

animation firebase-auth localstorage react-router-dom reactjs redux-toolkit responsive restful-api scss validation

Last synced: 3 months ago
JSON representation

A Fully Responsive Netflix Clone Built Using React.JS & Firebase & Redux

• Host: GitHub
• URL: https://github.com/devshehabibrahem/netflix
• Owner: DevShehabIbrahem
• Created: 2022-04-20T22:38:51.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-09T09:19:50.000Z (about 3 years ago)
• Last Synced: 2024-12-27T05:24:07.766Z (5 months ago)
• Topics: animation, firebase-auth, localstorage, react-router-dom, reactjs, redux-toolkit, responsive, restful-api, scss, validation
• Language: JavaScript
• Homepage: https://netflix-two-theta.vercel.app/
• Size: 25.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  


  Netflix Clone Built Using React.JS & Firebase & Redux





  This is a clone of Netflix website built using React.JS as a Front-end & Firebase as Authenticate  & Redux as state management. It's not a replica, and it  doesn't have all the features of Netflix website. it's a similar version of Netflix with my own design touch, showing my abilities in React.JS to build something advanced   like Netflix. It contains the home page, sign-in page, sign-up page, browse page, and movie player.

  

 

  Take a look at the live version here: https://netflix-two-theta.vercel.app :octocat: :heart_eyes:



  

  ## Table of Contents


- [Project Walk-Through](#project-walk-through)

  - [Home Page](#home-page)

  - [Getstart Page](#Getstart-page)

  - [Sign-in Page](#sign-in-page)

  - [Sign-up Page](#sign-up-page)

- [Live Demo](#live-demo)

- [Technology Used]()

  Project Walk-Through

 # Home Page





![banner](https://user-images.githubusercontent.com/91429966/167375312-957ccddb-d932-42c9-b9c3-35e242993bfc.PNG)

  ![silder](https://user-images.githubusercontent.com/91429966/167375377-4015b3f5-965d-493a-bd65-bced958e300e.PNG)

  ![Footer](https://user-images.githubusercontent.com/91429966/167375417-a07396e4-8a9a-4221-90d2-4e40c790dd91.PNG)



 # GetStart page

 

 




  

![getstartbanner](https://user-images.githubusercontent.com/91429966/167376368-cde9b60f-d60f-45ed-85c2-81543af5a79c.PNG)

  ![1](https://user-images.githubusercontent.com/91429966/167376405-293272e3-6d96-4649-ab4d-feeb9ea2f0ca.PNG)

  ![2](https://user-images.githubusercontent.com/91429966/167376419-a5544947-3762-4c9f-9bab-743976dd6fdf.PNG)

  ![3](https://user-images.githubusercontent.com/91429966/167376440-ca905d84-05fe-49cd-81a8-f7d1c65f8b8c.PNG)

  ![4](https://user-images.githubusercontent.com/91429966/167376460-475a1d57-25f0-4d1a-b437-4ffa95bea44c.PNG)

  ![acc](https://user-images.githubusercontent.com/91429966/167376480-fa908b03-8cc1-4413-943f-6d3a3d34d9e9.PNG)

  ![Footer](https://user-images.githubusercontent.com/91429966/167376494-7f7f93d9-5ec4-40d8-b433-5e4ad00d9622.PNG)




# Sign-in Page

 




 

![screencapture-netflix-two-theta-vercel-app-signin-2022-05-09-02_04_10](https://user-images.githubusercontent.com/91429966/167377415-b12a0bba-6b44-4a3e-9e69-e7bb14e72554.png)




# Sign-up Page

 




 

![screencapture-netflix-two-theta-vercel-app-register-2022-05-09-02_08_20](https://user-images.githubusercontent.com/91429966/167378109-c4a7d7fe-8f86-4576-8519-fce0b5b2d150.png)

  

![screencapture-netflix-two-theta-vercel-app-register-2022-05-09-02_06_20](https://user-images.githubusercontent.com/91429966/167377756-fe318cfb-98d3-463a-9c24-33f66080d9c5.png)

  

![screencapture-netflix-two-theta-vercel-app-register-2022-05-09-02_06_48](https://user-images.githubusercontent.com/91429966/167377827-310512d6-8c8c-47db-ab99-c715f5b102fa.png)




# Technology Used

React.JS

React Router.

React hook-form Yup.

React Hooks.

useState.

useSelcetor.

useEffect.

useNavigate.

useDispatch

Compound Components.

JSX.

sass.

Firebase.

Redux.

VSCode.

StyleLint.

EsLint.

React-Spring.

framer motion.

# live-demo

  Take a look at the live version here: https://netflix-two-theta.vercel.app :octocat: :heart_eyes: