/netflix

A near one-for-one visual clone of the Netflix app with payment and subscriptions.

Primary LanguageJavaScriptMIT LicenseMIT

MIT License LinkedIn Github


Logo

Netflix Clone

A near one-for-one visual clone of the Netflix app with payment and subscriptions.
Explore the docs »

Table of Contents
  1. About The Project
  2. Getting Started
  3. License
  4. Contact

About The Project

Netflix

The goal of this app was to build and showcase my talents as a software developer. I wanted to build an application that implements production level features like authentication, payment portals, and NoSQL database management.

Thus, while watching Netflix, I made the decision to create Netflix.

Although I mention the desire to create a production ready application, I recognize that this app is not quite production ready. However, it does do a great job of showcasing my coding proficiency while implementing a bulk of Netflix's webpage features.

  • Login and logout authentication flow using Google Firebase Authentication
  • Beautiful and intuitive component based webpages using React
  • An active subscription workflow that can manage monthly subscription data
  • Utilized Stripe payment processing to create a checkout flow
  • Synchronized Google Firestore user data to Stripe payments
  • Deployed webpage to Google Firebase Hosting

(back to top)

Built With

Frontend Frameworks

  • Figma
  • React

Backend Frameworks

  • Node JS
  • Postman
  • Axios
  • React Router
  • Redux

Database

  • Firebase

Cloud Resources

  • Google Cloud

Additional Integrations

  • Stripe

Languages

  • Javascript
  • TypeScript
  • Html
  • CSS
  • Json

Linters

  • ESLint
  • Prettier

IDE

  • VSCode

(back to top)

Getting Started

Netflix Clone Link

To begin and test the application, click the button above. The button will take you to the cloned website, not the official Netflix website

Upon load, the website will check to see if you are an authorized user. If not, you will be taken to the Landing/Sign Up page. If you would like to sign in and look into the other features of the application, feel free to use the login information below.

  Email     : neil@gmail.com
  Password  : abcabc

If you reload the page, you should have persistent logon.

The following home screen will scrap data from TMDB and populate each recommendation section. There are no additional features past the frontend at this time.

Other screens to view:

  • Profile Page
  • Subscription Payment
For Stripe Payment Processing:
    Card Number   : 4242 4242 4242 4242
    Month         : 04/24
    CVC           : 424

All other information can be random

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Instagram Gmail

Project Link: https://github.com/Neilio3264/netflix

(back to top)