React Google Authentication - Firebase Authentication Tutorial

Code: github.com/machadop1407/react...
CodePen For Button: codepen.io/mupkoo/pen/YgddgB
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / _pedro.machado_
Github: github.com/machadop1407
Email: [e-mail]
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
#reactjs #authentication

[@97DudeHappy]

I’ve been a programmer for over 20 years and you are one of the best instructors I’ve seen. Thanks

[@pedrorenan6329]

Pedro, seu canal é muito bom, parabéns! Você não tem noção do quanto você ta me ajudando, muito obrigado.

[@amitkulkarni3922]

Finally a tutorial that's quick and works without a bunch of extra unnecessary stuff

[@Hasimov1989]

Love your tutorials. Explanation is perfect. For me the main thing is simplicity of design. Some tutors create an application with many classes and advanced coding so can't focus on the main stuff.

[@mounis]

Just watched the other two videos on firebase, this is just what I wanted, lol. Amazing timing.

[@PedroTechnologies]

Hahaha glad I could help :)

[@itsdazychain]

Thank you, this video helped me so much! I'd been struggling for like 2 weeks to figure this stuff out. Will be subscribing for more Firebase tutorials :)

[@PedroTechnologies]

Thanks for the sub!

[@gastondalmedo9636]

Your tutorials are useful AF bro . Keep them coming . Beleza

[@victorhugoalbuquerque4119]

omg, this is f*king amazingly explaned!! Ty for your help and congratz for being so clear and direct to the point.

[@codewithdevhindi9937]

Mr. Pedro You are amazing you explain very easily and on the point keep making awsome videos 🚀🚀🚀🚀🚀🚀🔥🔥🔥🔥🔥

[@chirilcugureanu1853]

When the world needed him the most, he uploaded 😍! I hope that you plan to do a React Firebase realtime demo, like a chat, I knot there is a library for that but there is little documentation on the net! Anyway, thank you for the effort!

[@saboya_dev7947]

Yed he should deff do that!!!!

[@RoguePow]

damn man, i didnt need the whole video but a little part that i couldnt find, thx again

[@viniciusmoraes424]

Esse vídeo me ajudou demais! Valeu Pedrão! Tutorial simples e fácil de entender.

[@lokeshnegi5051]

man ! I don't have words how to thank you for solving this problem. Thanks a lot man !

[@felixfigueroa]

I was waiting for you, thank you ..!

[@skverskk]

Nice. Well done and easy to comprehend.

[@ThColinPereira]

This is amazing! Thanks Pedro

[@myroslavkozar2230]

you are the best on this topic

[@manu.guarnaccia]

Thanks for this helpful tutorial man :)

[@travellingmonk2345]

you're doing a great Job Sir!

[@salarhashemian3436]

this video really helped, thanks man

[@idontknow472]

Thank you very much, I just subscribed.

[@ayoolaoladipe8105]

You are amazing I'm so glad I found your channel 🥰🥰

[@adarshchakraborty]

Exactly What I was looking for!! Thanks

[@PedroTechnologies]

Glad I could help!

[@ZahidHussain-hj2dk]

Beautifully explained

[@nehalkadyan1208]

you just earned yourself a new sub

[@maheshrajput6825]

Thank you Pedro, It helped

[@LuiBorosu]

That is such a good instruction thanks man

[@BxDxBxY]

broooo, thanks a lot that was reaaallllyyy usefulll !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@ashuagarwal2740]

Thank...u sooo much brother . After so many KZbin tutorials I find the best video on Firebase Authentication.

[@kelvincelso4163]

thank you very much , the video was really helpfull

[@minhluudinh5522]

Your videos are amazing.

[@adiemar3974]

hi bro, i've watched most of your videos and found it really advanced topic. how did you learn all of it bro? are you a self taught too?

[@Tommy-km4wo]

You are officially my Firebase guy.

[@mariacamilamontealegre4306]

Awesome video. Thanks!

[@manoj-k]

🔥🔥🔥 we want more of firebase brother

[@PedroTechnologies]

More to come!

[@filip23128]

Thanks Pedro!

[@phalswaladitya]

loved this

[@jonaslaw1120]

Thanks Pedro! By any chance that you will make a video of phone auth?

[@antdx316]

18:06, how do you change it from local storage to a database like on postgres? how do you also have users change their data on that?

[@dopedprogrammer]

Thank you bro❤️

[@vijaykrishnan4323]

bro...u are awesome...thank you

[@chrisskyr623]

Your tutorial is very good but how are you signed out ??

[@zeroj7492]

thanks a lot for this tutorial

[@PedroTechnologies]

Welcome 😊

[@abhaytiwari6411]

this is what i am waiting for

[@tanmayhedau5342]

Awesome video 📸

[@A03L]

Hey, I just discover your youtube channel, its a real hidden gem Can you make a video about authorization with firebase ? Also i wanted to add sign in users to a collection so i can add more fields like phone number ...etc can you prepare tutorial for this too? Thank You

[@shoprecartteam9567]

Nice video. Following your videos. Specially graphql. Can you please make a video on Apollo Server Express backend and Nextjs front end. The cookie authentication and server side rendering and fetching protected data from backend by server side rendering. Please make a video. It will help a lot. ❤️

[@tomek2405]

I have a questions, if i wany to sign out of email, i know that i need to import signout from firebase. What to do with localStorage values?

[@vidaboss3421]

Fntastic video!!!! Can you please make a video using storage? --- upload images to firebase storage and then read these images from storage to the App

[@Katoph]

Hi Pedro, how can we have relationship between the auth and firestore? Let’s say’s a social app where user is authenticated with google and a user can have many posts, how would we connect the authenticated user and the firestore collection

[@Awesometechgamer]

bro Same Question?

[@oho6786]

what is the name of the extension(?) that's showing the file size of imports?

[@mohammedshahed3432]

hey, could you please create a video on other native provider authentication please using firebase v9

[@ZahidHussain-hj2dk]

Make some projects using firebase with react

[@harmlesspotato1328]

isn't there a security issue storing name email an dprofile like that ?, what if user just add name email profile from anyother site in local storage without login

[@rfos1978]

E se eu quiser autorizar somente os emails do meu dominio que estao no Google Workspace?

[@This__is__akash]

you earned 1 subscribe bro❤

[@HuongNguyen-qd3jk]

Pedro, Love ur tutorials, But I got the error Error (auth/admin-restricted-operation) at createErrorInternal after choosing a account. Have you ever encountered this error?

[@debankanmitra2425]

1) Can we implement this signin with Google without any external provider like firebase , Google cloud or 0 auth is there any library on react for this ? 2) how can we bind the name, emails ... In an api and call it in different microservices?

[@HuongNguyen-qd3jk]

Pedro, Love ur tutorials but I got an error Error (auth/admin-restricted-operation) after choose the account. Event I added the Identity Toolkit API in firebase. Have you ever encountered this error?

[@batpod1]

thanks a lot

[@NoizZFun]

Thank U😊

[@davidhyun3879]

Does this work on react native as well? trying to do the same thing in native

[@keyunsimejiya4945]

Pls make video on Microsoft authentication using firebase

[@lisamariavaldes4476]

How can logout if I login with google jet

[@97DudeHappy]

Thanks!

[@PedroTechnologies]

Thank you so much for the support :)

[@j.i.m6980]

Great video...what about authentication with facebook..

[@bilelrahmouni01]

thank you

[@ritujaak9550]

hey how to sign out

[@Awash_dev]

bro make vide with log out

[@allindiachannel2290]

I used the same code but this error->Cross-Origin-Opener-Policy policy would block the window.closed call.

[@zacharyadcock6337]

I'm getting the error: GoogleAuthProvider' is not exported from 'firebase/auth'

[@nejan_s]

You are awesome 🤩

[@hoaithai392]

Hi guy, I got a problem when I tried to get a phone number after authenticating with firebase, help me!!!

[@thopham9627]

what your vs code theme bro?

[@imalkagunasekara8725]

Great

[@just_fun360]

It's really usefull

[@glen.nanthick5426]

In google authentication part, google popup is not coming, and theres an error saying, Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute

[@debankanmitra2425]

same here , how did you fixed it?

[@jrphan9605]

Thank you

[@PedroTechnologies]

Welcome!

[@StolenPopcatBen]

i am getting the error INTERNAL ASSERTION FAILED: Pending promise was never set i am using windows 11 with firefox

[@khatariinsaan5284]

FirebaseError: Firebase: Error (auth/unauthorized-domain). Why I am getting this Error ?

[@thomaschalanson8643]

thanks it's work fine except the image who's not displaying i don't know why ? i just have the alt who's display. Is it normal please ?

[@sahilverma_dev]

it is normal. you can load the image by opening in a new tab and then refresh the page

[@thomaschalanson8643]

@@sahilverma_dev now it's work fine, it's my fault i realize that I misnamed the variable in the getItem 😅

[@codersohum8257]

OPP SIR

[@digitalmarketing2297]

Amezing video

[@mdcapitals]

It's not working on mobile sites

[@indianminer1392]

best tutorial

[@Carlos-id7my]

please, do a premium course, I'll definitely buy it

[@PedroTechnologies]

Hahaha I really want to make one but school is killing me rn :/

[@asijitmanna728]

How to sign out? and clear the screen again?

[@paladin9876]

You would clear the localstorage? You should probably start with the basics of react, this seems a bit over your head.

[@isaacaninta6551]

❤❤❤❤❤

[@augischadiegils.5109]

❤️❤️❤️❤️❤️

[@maniac1441]

Logout?

[@eriezone]

and what about log out :O

[@MihaiDanino]

song? xd

[@helanymelo4050]

Hello People! I got this error: FirebaseError: Firebase: Error (auth/unauthorized-domain). How do I fix it?

[@sahilverma_dev]

if you want to use authentication on your website then you have to add your domain inside the authentication section for verification.

[@kums7755]

Its auto closing man

[@amirMahmed]

Tankyou ...PLEASE WE WANT CPANEL VIDEOS

[@HuongNguyen-qd3jk]