🔴 React.js Clones by PAPA React - 🔴 Let’s build a Video Streaming Web App 2.0 with REACT.JS! (Stripe Checkout, Redux, Firestore, Auth)

🚨 Join the world’s BEST developer community “Zero to Full Stack Hero”: https://www.papareact.com/course Join me as I build it 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