Netflix Clone

Full-stack application inspired by Netflix. This is a personal project for my software developer portfolio, not for commercial purposes.

LIVE DEMO

Tech Stack

• Node.js
• Redux
• React
  • Axios
  • React Router
  • Swiper React
  • React-Toastify
  • Typewriter Effect
• Firebase
  • Hosting
  • Firebase Authentication
  • Firestore Database (NoSQL)
  • Stripe (Firebase extension)

Implementation Highlights

• This project was bootstrapped with Create React App, using the Redux Toolkit template.

• BEM naming convention for classes in HTML and CSS.

• Responsive web design

• Movie details are pulled from TMDB using their API.

• It features a Sign up and Sign in page that can be tested using the credentials below or entering your own.

  • Email: user@example.com
  • PW: 123456

• Implemented subscription payments with Stripe Checkout. Currently in test mode to show the functionality, no payments are actually made. It can be tested with the details below:

  • Card #: 4242 4242 4242 4242
  • CVC: Any 3 digits
  • Date: Any future date
  • Billing address, enter dummy details

Screenshots

HomeScreen:

LoginScreen:

SignUpcreen:

ProfileScreen:

Stripe Checkout:

Disclaimer

This application features materials protected by the Fair Use guidelines of Section 107 of the Copyright Act. All rights reserved to the copyright owners.