
Integrate Firebase authentication in a React app by building register and login forms with Semantic UI and initialize the Firebase app.
Learn to create Firebase registration functions in a React app, wire sign up with email and password, enable email/password authentication, and test new user submissions.
Learn to create Firebase functions for user registration and login in a React app, and implement toast alerts for success and error messages during authentication.
Handle firebase authentication errors in a React app by validating email and password and displaying clear messages. Guide navigation with redirects and switch-case logic after credential checks.
Explore how to get a response from Firebase after email/password sign-in in React, extract the user token, and persist login with local storage, plus provider options like phone and Google.
Implement token-based authentication in React with Firebase and protected routes. Store the token in local storage to stay signed in and enable sign out.
Set up Firebase Firestore for a React app by creating a Firebase config, initializing the app, exporting and importing the config, and running in test mode with security rules.
Create a Firestore collection and add documents with fields like name (string), phone number, and age, then save and wire data to a React Firebase app.
Connect a React app to Firestore, import the Firebase config, fetch documents with getDocs from a collection, and map data such as name, age, and phone number for CRUD.
Display and map Firestore data in a React app, showing name, age, and phone number from two collections, and implement real-time create, read, update, and delete operations with live updates.
Learn to send form data from a React app to Firebase Firestore by creating a submit function, wiring onChange to name, age, and phone, and writing to a collection.
Update a Firestore document in a React app using updateDoc, doc references, and a selected document ID; populate the update form from location state and confirm the update.
Learn to delete data in Firebase Firestore by wiring a delete function to a delete button, targeting the React Register document, and signaling success with a toast or alert.
Hello, I am Nishant and I am an enthusiastic developer with a knack for building products with good UI and UX. I teach Front-end Development to beginners, and some other things too.
I build projects to learn how code works.
And while I am not coding, I enjoy writing poetry and stories and cooking delicious meals.
In this course, we cover all the steps from creating an app in React and Firebase authentication
We will start by initializing the React App.
We will learn how to initialize Firebase
How to catch errors.
Session-based authentication
How to create Protected Routes using React Router.
How to use Firebase functions for Login, Sign up, and Log out.
How to store Auth token in Session Storage
How to Read data from Firebase Firestore
How to Create data from Firebase Firestore
How to Update data from Firebase Firestore
How to Delete data from Firebase Firestore
Enroll now and get started on your journey to build React applications from scratch to finish.
What you’ll learn
Initializing the React Application.
Initializing the Firebase Application.
Session-based authentication
How to create Protected Routes using React Router.
How to use Firebase functions for Login, Sign up, and Log out
How to store Auth token in Session Storage
How to catch errors.
Who this course is for:
Anyone interested in learning React
Anyone interested in learning Firebase
Beginner React.
Beginner Front-end developers.
Beginner Full Stack Developers.
Beginner Mobile Developers.
Beginner JavaScript Developers.
Intermediate Front-end Developers.
Intermediate React Developers
Beginner HTML/CSS Developers
Intermediate HTML/CSS Developers
Beginner Backend Developers
Intermediate Backend Developers