Skip to content

meghsohor/netflix-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix Netlify Status

Powered by React & Firebase

Login - Email: [email protected] | Password: 123456

Huge thanks to Karl Hadwen for his great tutorial on YouTube: Link


Netflix app built from scratch using:

  1. React (Hooks: State, Context, Effect and Custom)

  2. React Compound & Styled Components

  3. React Router

  4. React Portal

  5. Firebase (Authentication & Cloud Firestore)

  6. Jest (Unit Testing)

  7. Fuse (Live Search)

Pages

  1. Homepage: https://netflix-meghsohor.netlify.app/

  2. Sign In: https://netflix-meghsohor.netlify.app/signin

  3. Sign Up: https://netflix-meghsohor.netlify.app/signup

  4. Browse: https://netflix-meghsohor.netlify.app/browse

Features:

  • Without sign in/sign up users can visit Home/Sign In/ Sign Up page

  • Users need to sign in/sign up to access Browse page (Route-guard has been implemented by react-router & firebase authentication)

  • Once the users logged in, they can select a profile before going to Browse page

  • Once the users logged in, they can't go to Home/Sign In/ Sign Up page unless they logout

  • Live search has been added in the Browse page

ScreenShots:

Home:

Netflix - homepage

Browse

Netflix -Browse

Sign In

Netflix - Sign In

Sign Up

Netflix - Sign Up