? Join the world’s BEST developer community “Zero to Full Stack Hero” NOW: https://www.papareact.com/course
Join me as I build the NETFLIX 2.0 CLONE with REACT.JS. You'll learn how to do the following in this build:
? How to build a login and Log Out Authentication Flow with Google!
? How to build a Beautiful Home Screen with all the movies looking just like Netflix!
? How to build a Subscription page where you can see your active monthly subscription and any recurring subscriptions!
? How to build a complete Stripe Payments Checkout Flow for paid monthly Netflix Subscriptions!
? How to use the Firebase extension for synchronising Stripe Recurring Payments with Users
? How to finally deploy the final build using Firebase Hosting!
+ SO MUCH MORE!
? LOOKING FOR THE CODE? ?️
https://links.papareact.com/github
??FOLLOW ME HERE:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
Newsletter: https://links.papareact.com/newsletter
? WANT TO SUPPORT THE CHANNEL?
Donate here: https://links.papareact.com/donate
Grab some PAPA Merch: https://links.papareact.com/merch
? TIMESTAMPS:
00:00 Introduction
00:50 Build Tech Stack
01:47 Build Showcase
04:46 Setting Up Firebase (1/2)
09:08 Setting Up Firebase Authentication (1/2)
11:40 Initialising the Build
12:11 Creating the HomeScreen Component
14:54 Building the Nav Component
31:50 Building the Banner Component (1/2)
49:51 Implementing TMDB API
1:02:11 Building the Banner Component (2/2)
1:07:19 Building the Row Component
1:28:42 Deploying the Frontend Build using Firebase
1:33:25 Setting Up Firebase (2/2)
1:35:19 Implementing React Router
1:40:54 Building the LoginScreen Component
2:03:00 Building the SignupScreen Component
2:!6:02 Setting Up Firebase Authentication (2/2)
2:29:23 Explaining and Implementing Redux
2:34:28 Implementing Login & Logout Functionality
2:40:54 Building the ProfileScreen Component
2:57:15 Setting Up Cloud Firestore
3:01:36 Setting Up Stripe (1/2)
3:05:48 Explaining Cloud Firestore Implementation
3:10:03 Implementing Stripe Webhooks
3:13:50 Adding Products in Stripe
3:16:32 Setting Up Stripe (2/2)
3:31:23 Building the PlanScreen Component (1/3)
3:54:12 Stripe Checkout Team Donation!
3:55:00 Building the PlanScreen Component (2/3)
3:57:29 Testing the Stripe Checkout & Subscription Flow
4:08:47 Building the PlanScreen Component (3/3)
4:19:57 Deploying the Final Build using Firebase
4:20:40 Outro
Let’s get it PAPAFAM ?.
DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Netflix and its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for educational purposes.
#reactjs #beginner #netflix
