Flutter & Firebase Auth 04 - Overview of root & home page + Refactor Firebase authentication code

Want more? Check out all my Flutter courses: 👇👇

In this video series on Flutter, I'll show you how to create a login and registration flow and Firebase integration, and extend it to build a full app.

In this video, I will cover:

- Preview of how to redirect user to a welcome screen after logging in
- Move Firebase authentication code into a separate reusable component
- Introduce abstract classes as a way to write more modular code
- Inject new authentication component to our login page

To download the code up to this point and follow along, type this:

cd coding-with-flutter-login-demo
git checkout tags/part3-registration-and-login

Note: I'm using the iOS simulator, but you can open the Android emulator and run the same code.

If you need any help, just ask in the comments. I'll be happy to help.
Feedback and suggestions on new tutorials are very welcome!

This code was written with Flutter Beta 2, and is tested to work with Dart 2.

Thanks for watching!

[allisontearjen]

you have the best coding tutorials I have ever come across for any programming language. Thank you for everything.

[axmccx]

Not only are you demonstrating the code, but you explain the design choice and reasoning. Awesome videos, thank you!

[renan]

This is definitely the best channel about flutter's tutorials that I've been searching for. Keep up the good work. I really like your calm way to explain what u are doing and how.

[import_tiago]

Abdrea, your video series is VERY GOOD!! Congratulations and thank you for sharing! To do it in this totally natural way, and not with the things previously studied and planned, is being a differential and, at least for me, very useful! That way I can understand the way you think about developing with Flutter / Dart, not just the technicalities themselves. Anyway, from video 1 to 4 I got all the necessary base and now I'm able to develop on my own and implement everything my app needs. Thanks again!

[mhasnainadil]

I am looking forward to send you some appreciation amount after completing this course. Thank You Andrea for taking out time for us. <3

[chriscarman]

Thanks for demystifying this for me Andrea, your videos are great - keep it up!

[Winnerever]

Looking forward to log in with google, facebook and twitter.Thanks for this video series

[mariansand]

That is what I was looking for. Very well explained. Thank you very much!

[lpaccent]

Awesome work, I've been following your tutorial from video 1 and your explanation is clear and precise.

[aritradattagupta]

Thank you so much for these tutorials. This is one of the most beautifully explained and detailed overview of Firebase authentication in Flutter.

[BotanAbdullah]

This is the best tutorial about firebase login so far. Can you make more examples using firebase and firestore.

[nitishkushwaha]

Great tutorial.continue your tutorial on flutter.thanky very much

[BenHayat]

I really liked how you refactored and created an interface.

Suggestion: Now that Flutter is out, you should create a complete paid course on Udemy. You deserve to get paid for these great courses.

[vikramjeetsingh]

Andrea, You are awsome man. thnak you a lot

[swapnilnakade]

Can you please provide a video just to explain phone authentication using firebase in the similar fashion that is by separating authentication logic in different class

[krishnasai]

Make the video on form in flutter In the form data sent in to the database using firebase

[Daniverse]

Can you make some tuts using stream builders, instead of set state ?, I'd read that firebase gives you some sort of state management similar to bloc pattern.

[richdfrmn]

after updating to AuthResult this doesn't work.. Help ?

[tegster]

@andreabizzotto I keep getting the error

home: new LoginPage(auth: Auth())

A value of type '#lib1::Auth' can't be assigned to a variable of type
I/flutter ( 3833): '#lib2::BaseAuth'.

even though Auth implements BaseAuth as you did.

[sunitgautam]

Can you do a video on Flutter Firebase Facebook Oauth? Now that the facebook flutter login plugin is available, it would be of great use to everyone.