Firebase Google Authentication in React App | Step-by-Step Tutorial

Hey RUclips! In this video, I will show how to implement Firebase Google Authentication in React App.
You will learn how to:
➤ Add/Configure Firebase to your React Project
➤ Authenticate with Firebase using the Google provider
➤ Sign out a user
➤ Protected Routes
➤ Support me by COMMENT, LIKE, SUBSCRIBE, and SHARE
➤ Channel link - / @webwizard8
Happy learning!
➤ Licence:
Song: Atch - Freedom
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • Atch - Freedom (Vlog N...
#firebaseauthentication #reactapp #googleauthentication #stepbysteptutorial #webdevelopment #reacttutorial #firebase #webdevtips #reactjs #webdevelopmenttips #frontenddevelopment #javascript #webdevelopmenttutorial

[@Patssion]

you're definitely a wizard

[@kumardevada8567]

Extremely short and precise video. Bro, your efforts are highly appreciated. Keep going.

[@muneeb_baig]

well done

[@ChanakyaLokam]

Thanks for the simple and clean explanation! Appreciated :)

[@webwizard8]

You're welcome! I'm glad you found the explanation simple and clean. Your appreciation is much appreciated! 😊
Feel free to explore more content on the channel!!

[@user-mp5ep9bl4v]

Thank you! This video really helped me.

[@kishorjoshi842]

Thanks for providing a simple implementation . Please provide some solution for COOP error cause it is blocking the signin process sometimes.

[@user-yz8xi2hh9q]

Really helped me, Thank you!

[@vijayk6741]

Thanks 🙂

[@parasjain7243]

buddy i got the error of auth/configuration-not-found

[@nileshpawar-vz7wp]

Please make a video on phone number authentication using otp in react

[@webwizard8]

Hi, I've prepared a tutorial on this, but I'm facing issue with Recaptcha resolver, found so many people were having issue with Recaptcha thing, Hence could not made a tutorial on this topic, keep a watch on the channel, I'll try to release in the future!

[@Nani-cf3sw]

I have email password authentication implemented in my NetflixGPT Project. Now I want to add additional provider Google redirect sigin method. If the already registered user using email password authentication if tries to sign in using the redirect method what happens does both account credentials be same or different.

[@webwizard8]

It depends on how you've implemented the user authentication logic
you should maintain a property in user model, to identify if user register with email pwd auth or google provider
In my opinion, you shouldn't mix and match both
So a user registered with email & pwd shouldn't be allowed to login with google sign, if they do try then in the backend you should throw error to not allow sign in
In other case, if you do allow such cases, then you should check if email matches then allow sign in

[@webwizard8]

Firebase Email & Password Authentication in React App - ruclips.net/video/aNMnyLjFqYI/видео.html
Firebase Console - console.firebase.google.com/
Firebase Docs - firebase.google.com/docs/auth/web/google-signin
GitHub Repo - github.com/kalyansaxena/react-firebase-google-auth
React Google Button npm - www.npmjs.com/package/react-google-button
React Router Dom npm - www.npmjs.com/package/react-router-dom
React Router Dom Docs - reactrouter.com/en/main/start/overview#nested-routes

[@claudioquinteros5128]

good vid bro

[@chetan_rajputt]

Thanks 😊

[@webwizard8]

You're welcome!