Firebase 9 with React JS Tutorial 🔥🔥

Published: 24 October 2021
on channel: RoadsideCoder
38,681
982

Learn Firebase version 9 with React JS with features like Email + Google Authentication and Firestore Database with CRUD operations by building a cryptocurrency tracker app. We will understand to to configure security rules in our Firestore Database as well.

Source Code -
https://github.com/piyush-eon/react-c...

Support the channel by becoming member and learn from me one on one -
   / @roadsidecoder  

Live Site -
https://crypto-hunter.netlify.app/

Cryptocurrency Tracker Full Tutorial -
   • Cryptocurrency Tracker with React JS,...  

Using DOTENV to hide Api Key in React JS -
   • Using DOTENV to hide Api Key in React...  

Firebase Security Rules-
https://firebase.google.com/docs/refe...

00:00:00 Intro
00:01:00 Prerequisites
00:01:53 Project Overview
00:02:50 Shifting Coins State
00:04:31 Firebase Setup
00:07:35 Firebase React Integration
00:10:21 Login / Signup Modal UI
00:21:17 User Signup with Email
00:29:46 User Login with Email
00:32:27 onAuthStateChanged Function
00:34:35 User Sidebar Drawer UI
00:43:34 Logout Functionality
00:44:53 Google Authentication
00:48:54 Firestore Database Setup
00:50:36 Firestore Security Rules
00:56:18 Add to Watchlist
01:02:30 onSnapshot Firestore
01:07:37 Display Watchlist
01:12:39 Outro

-------------------------------------------------------------------------

Special Thanks to our members -
Vinay Vally CHALADI


On this page of the site you can watch the video online Firebase 9 with React JS Tutorial 🔥🔥 with a duration of hours minute second in good quality, which was uploaded by the user RoadsideCoder 24 October 2021, share the link with friends and acquaintances, this video has already been watched 38,681 times on youtube and it was liked by 982 viewers. Enjoy your viewing!