Flutter Web | Add Firebase Authentication and Google Sign in

In this tutorial we will add Firebase Authentication and Google Sign in to a Flutter web application. Beginner friendly.

Relevant Links:

[Just_JasonZA]

I had my htm calls in the wrong place took me 3 hours to find your video to find out why I could my web app was failing. dankie MR

[Salehalanazi-]

Absolutely love your content and your work. You're very knowledgeable and an excellent teacher.
You're very inspiring sir.

[arnoldpretorius]

Are you from South Africa? Your accent sounds South African? Great video! Thanks!

[ahmadkhanahmadzkn]

Yes, I would like to learn more about provider architecture and different ways to use it.

[christopherh]

Great video. How would you also add a manual sign-in with email address and password, and a registration that syncs with firestore?

[rajayogan]

Great content as always. Thanks man !!

[robertwagner]

I know this video is old, but have you tried to actually run this hosted on firebase? I am having issue with missing plugin exceptions like Auth#registerIdTokenListener and I am struggling with this.

[TheStroker]

Where did you get the logic at 5:59? Was that provided by firebase or did you make it?

[sachinmirji]

Thank you so much for this. Loved the way you showed us.

[thebaconbreadful]

This Video really helped me and even though the video is a bit log, the structure is great and it's really easy to follow you. Maybe it's because you seem like a happy person :D I would really appreciate a video about providers, especially since I've struggled in the past using data from the User Provider to access data from another provider (using the uid to get access to user data and provide it globally).

[rreid]

Thanks for this, I've been trying to get this running for several weeks and following this video it now works. It's a great first step but what I really need (and I expect many others also) to is to authenticate using Microsoft, so if you could do that that would be even more great.

[aq]

Great Video. Please do make a video on provider! Would love to learn it in a bit more detail as well.

[bdthombre]

Sorry for out of topic question. Video is great, full of info. But can you please tell which camera and mic setup you used for recording, clarity and voice is so clear...?

[aliakkawi]

Hello Sir and thanks for the great tutorials. When i run my Web app on the computer chrome browser it works great, but when i run it on my Mobile chrome browser and perform Google Sign in, it is stuck on the Google Sign in screen and i have to dismiss it manually to return back to my App. How can i fix that? Thanks

[danible]

thank you, but i have problem if I open chrome and try login to google there is a message
"
This browser or application may not be secure"

[jasonetherington]

This was a very helpful video. I would like to learn more about provider.

[drewmartin]

Thank you so much for this video! I learned a ton.

[nasuhikeskin]

Thanks for the video, it is very helpful

[aeggeska]

I get the following when using Google Sign In:

"Couldn't sign you in

This browser or app may not be secure.
Try using a different browser. If you’re already using a supported browser, you can refresh your screen and try again to sign in.
"

What is the solution?

[robertom]

Can you make a video about how to create App Check token on flutter firebase app .Thanks Sir.