JohnAlicastro / netflix-build

A fun project cloning the Netflix UI with authentication and payment processing. Built with: React, Redux, Firebase, The Movie DB's API, and Stripe using Stripe's dev environment.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

netflix-build

A fun project cloning the Netflix UI with authentication and payment processing

Tech Notes

Built with: React, Redux, Firebase, The Movie DB's API, and Stripe using Stripe's dev environment


netflix-build landing


netflix-build sign in


netflix-build home


netflix-build profile


netflix-build stripe


Get Started

  • Run the following commands in the root directory
$ npm install
$ npm start

** You will need to provide a .env file with the following variables **

REACT_APP_TMDB_API_KEY
(your API key from https://www.themoviedb.org/)

REACT_APP_STRIPE_KEY
(your publishable key from Stripe)

REACT_APP_FB_API_KEY
REACT_APP_FB_AUTH_DOMAIN
REACT_APP_FB_PROJECT_ID
REACT_APP_FB_STORAGE_BUCKET
REACT_APP_FB_MESSAGING_SENDER_ID
REACT_APP_FB_APP_ID
(your Firebase config information)

About

A fun project cloning the Netflix UI with authentication and payment processing. Built with: React, Redux, Firebase, The Movie DB's API, and Stripe using Stripe's dev environment.


Languages

Language:JavaScript 67.4%Language:CSS 25.5%Language:HTML 7.1%