Skip to content

Netflix Clone made with React, Custom Hooks, Context, and Firebase

Notifications You must be signed in to change notification settings

Justinhwang92/jc-netflix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix Clone

  • Netflix Clone made with React, Custom Hooks, Context, and Firebase

Demo

Live Site Demo

Demo: Link

Video Demo

demogif


Tech Stack

  • React
    • Create-react-app with highly complex frontend structure
  • Firebase
    • Backend, auth, and database with firestore for users
    • Firestore handles all the data and that data is retrieved using a custom hook
  • React Router
    • Complex and dynamic route generation
    • Some pages using protected routes with auth listeners
  • React fuse
    • For live search
  • React testing library
    • Test all the components, containers and pages

Implementation Highlights

Netflix Clone made with React, Custom Hooks, Context, and Firebase. Features include a live searchbar, user signup and signin, trailer links, movie and tv show pages and an interactive UI replicated from the original netflix app.

User Stories

  • Users can safely sign up and sign in enabled with firebase
  • Collections of popular movies and tvshows for recommendations
  • A live searchbar to search through the database
  • Original netflix UI replicated with highly organized and advanced css styling

Author

  • Justin Hwang