Firebase 9 with React JS Tutorial 🔥🔥
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