Login with Email and Password Firebase Flutter | Flutter Login Remember Me using Local Storage

Dive into the world of Flutter and Firebase with our comprehensive tutorial on implementing a secure login system using email and password authentication. In this tutorial, we'll not only guide you through the process of setting up Firebase authentication but also show you how to enhance user experience by implementing a "Remember Me" feature using Local Storage.
► Complete E-Commerce App Playlist : • Professional Flutter E...
🎊 E-COMMERCE APP
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🎁 DOWNLOAD SOURCE CODE: codingwitht.com/product/flutt...
❤️ FLUTTER E-COMMERCE APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Complete E-Commerce App : • Professional Flutter E...
► Section - 1 Configuration : • Professional Flutter P...
► Section - 2 Login App : • Professional Flutter P...
► Section - 3 eCommerce UI : • Flutter Complete Ecomm...
► Section - 4 Login Backend: • Flutter Firebase Cours...
► Section - 5 eCommerce Backend: • Flutter E-Commerce App...
❤️ SUBSCRIPTIONS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Join Patreon to Access Premium Content: / membership
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP FIREBASE • Flutter Login App - UI...
🧑‍💻 RELATED VIDEOS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Splash Screen Design: • Latest Flutter Splash ...
► Login Screen Design: • Login Page in Flutter ...
► Onboarding Screen Design: • Flutter Onboarding Scr...
► GetX Basics: • Flutter Firestore CRUD...
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
00:12 Video Overview
01:04 Playlist Overview
01:25 Video Breakdown
04:36 Create Login Controller
07:57 Form Validation
10:15 Toggle Password (Show/Hide password)
12:13 Toggle Remember Me Checkbox and store Login credentials in Local Storage
13:04 Start Loader, Check Internet connectivity and check Form Validation
15:37 Trigger Email and Password Authentication
26:38 Result
18:05 Fetch data from local storage
FOLLOW US ON SOCIAL MEDIA
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 Facebook | / codingwithtea
💻 Instagram | / coding_with_tea
Here's a detailed breakdown of what we'll cover:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Creating a Robust Login Controller:
Begin by establishing a strong foundation with the development of a login controller, seamlessly integrating it with Firebase authentication to ensure a reliable user login experience.
Significance of Form Validation:
Delve into the critical aspect of form validation, understanding its role in crafting a secure and user-friendly login system that meets the highest standards.
Implementing a Password Toggle Feature:
Enhance user experience by implementing a password toggle feature, allowing users the flexibility to reveal or hide their passwords with ease.
Incorporating "Remember Me" Checkbox:
Explore the seamless integration of a "Remember Me" checkbox, providing users with the option to securely store login credentials in Local Storage for added convenience.
Optimizing User Experience:
Ensure a smooth and delightful user experience by implementing loaders, checking internet connectivity, and validating forms effectively.
Email and Password Authentication:
Navigate through the intricacies of triggering email and password authentication with Firebase, a crucial step in establishing a secure login system.
Fetching Data from Local Storage:
Learn the nuances of retrieving and utilizing stored login credentials from local storage, streamlining the login process for returning users.
Embark on this enlightening Flutter Firebase journey with us, elevating your skills to craft a seamless login experience for your Flutter applications. Don't forget to like, share, and subscribe for an ongoing stream of in-depth Flutter tutorials! 🔥 #Flutter #Firebase #MobileAppDevelopment #CodingTutorial #UserAuthentication #RememberMe

[@abdullahelmadawy]

Best series I have ever seen ❤

[@CodingwithT]

Thank you 😀✌️

[@techysparta9227]

Please do continue this series

[@abhisheksitar]

Excellent series!

[@CodingwithT]

Thank you! Glad you enjoyed it!

[@user-ij6fx1ez1l]

Best playlist for flutter

[@CodingwithT]

Thank you 😊

[@professionneljacques4210]

Thanks a lot ! Great work ! since One week i'm coding like you😆😆😆

[@CodingwithT]

Glad to hear that! and Awesome job

[@ShahzodBurhonov]

hello Tell the logout button in the settings class what to write

[@adisbuljubasic5706]

MashAllah brother.. ❤ Will you maybe implement payment methods on the payment screen, maybe Stripe/PayPal?

[@CodingwithT]

Yes I'm trying to add that too at the end.

[@adisbuljubasic5706]

@@CodingwithT would help us all out I think.. at least one method we have on the payment screen 💖

[@user-sp8vp1zz8f]

did you use userCredentials anywhere?

[@CodingwithT]

Not yet but you can if you want.

[@user-ps7wk1uj6l]

I got a feeling that next year by june, i will be a software engineer...😃

[@CodingwithT]

Not by next year. At the end of this course 😜

[@user-ps7wk1uj6l]

@@CodingwithT you got it right

[@Suleiman-PC]

Exactly bro that how I feel 😜

[@shahzaibmehmood65]

Hi you create the input decoration of the textfieldform how to use this in it?

[@CodingwithT]

To use the custom input decoration in a TextField or TextFormField widget, you simply need to pass it as the value for the "decoration" property. If you have any further questions or need assistance, feel free to ask!

[@shahzaibmehmood65]

Thanks

[@wasifladla2084]

Expected a volue of type String', but got one of type 'Null' I face this error

[@CodingwithT]

It means a variable which is expected to receive a String but somehow you passed null to it. If it's being fetched from the Firestore you can add ?? ''; Next to the value and it means if the variable received null, assign an empty string to it.

[@dilshanisenarathna8096]

same here. Did you fix that?

[@zisouh710]

Bro how did you fix it please respond me

[@yourparcel]

❤love u brooh

[@CodingwithT]

Love you too buddy ❤️

[@HeaderTalk]

After this tutorial if I am running my app in debug mode Sometimes it is showing white screen or sometimes Next button not working after second onboarding screen Please help

[@CodingwithT]

Cannot say anything, need to check your code

[@TuanNguyen-qc6pn]

Can u help me with this, when i signup and i back to sign in, it get bug multi global key in widget tree, i dont know to fix it

[@CodingwithT]

It is because you are using same global keys for two or more forms. Check it thoroughly and let me knowif it didn't solve your issue.

[@DocendoDiscimus]

Sir, android emulator works very well, but the Ios emulator ‘IconButton’ and ‘remember me’ part does not work, even the login button still redirects directly to the homepage. What could be the reason?

[@CodingwithT]

Make sure the code is same and also debug it as there is no such specific thing for android and iOS.

[@amanimakoi7651]

Excuse me Sir, I Face an issue whenever I use "onInit()" function to fetch user data from the local storage for REMEMBER ME, the error says 'type null is not a subtype of type String ' help me that Pleaseeee

[@CodingwithT]

Nothing to worry about. Just add ?? ""; next to your both local variables. This error is saying that you are accessing null and assigning null to the String.

[@AugustBonou]

please, how much can I get the complete code for?

[@CodingwithT]

Please visit codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@isyrafismail7801]

Hello sir I get an error when trying to login, it says null check operator used on a null value. What does that mean? And I don't find where the line of code that cause the problem

[@CodingwithT]

Possible that error can be in the model. Just run in the debug mode and you'll find the error

[@isyrafismail7801]

@@CodingwithT I got the problem here: `if (!loginFormKey.currentState!.validate())` It says _TypeError (Null check operator used on a null value)

[@AlanAlejo-fp4mh]

SAME, :( Did you fix that?

[@isyrafismail7801]

@AlanAlejo-fp4mh i fixed that but I dont remember how 😂 try force stop the application and reopen the app without debugging it

[@AlanAlejo-fp4mh]

@@isyrafismail7801 try! 😤😤

[@ahmedfouad1802]

Hi i got this error when am run The following _TypeError was thrown building TLoginForm(dirty): type 'Null' is not a subtype of type 'String' in login screen

[@isaacipole7157]

Same here,were you able to find the solution?

[@ahmedfouad1802]

@@isaacipole7157 am just solve it by add ??””; for both email& password Email.text=localstorage.read(remember-me-email)??””;

[@isaacipole7157]

Blessings bro

[@PrathamMakwana-wr5lv]

@@isaacipole7157 hey you found solution pls show the solution

[@maxxy-r3q]

hello sir, why do I have after login even ask for email verification again? even though previously when registering an account it was already verified

[@CodingwithT]

It sounds like there might be a navigation issue in your application. After a successful login, the app should ideally navigate to the appropriate screen or route based on the user's authentication status. It's possible that the navigation logic might need to be reviewed and adjusted to ensure a seamless user experience. Have you checked the navigation flow in your code to ensure that it correctly handles authenticated users?

[@maxxy-r3q]

@@CodingwithT Hello sir, I want to ask again. why when I try to deliberately get the wrong password the exception doesn't want to trigger? even though I've followed everything you've shown.

[@isaacipole7157]

@@maxxy-r3q you will have to follow the tutorials carefully, there was a change you omitted, i advice follow the tutorial again you will find what you skipped

[@zisouh710]

I have error they give me "Type 'null' is not a subtype 'string'" Pleeaaase help me

[@CodingwithT]

In the model file. when you are getting data using fromSnapShot you have to use ?? ' ' while assigning the data. Like UserModel( id: document.id, firstName: data['FirstName'] ?? '', lastName: data['LastName'] ?? '', username: data['Username'] ?? '', email: data['Email'] ?? '', phoneNumber: data['PhoneNumber'] ?? '', profilePicture: data['ProfilePicture'] ?? '', ); If this did not work, then you have to debug the code. This error means that it want some value in string but it is returning null

[@cococartoon8272]

If i am applying wrong password still it login into application how?

[@aabb-un6ds]

Try to remove ! In the beginning of the form Validation ... if (loginformKey.currentState!) instead of (!loginformKey.currentState!)

[@SamirAa-tw8xh]

Hey, please help me. I want to open the app show me the home screen directly as a guest, and when I create sign in button any where on application how hide it if finish sign in.

[@HuyTran-ve5jz]

How do I log out sir, I don't see that part anywhere. Anyone who knows can help me?

[@isaacipole7157]

if you can remember from the tutorial he created a function and called the function in the verify email , actions: [ IconButton( onPressed: () => AuthenticationRepository.instance.logout(), icon: const Icon(CupertinoIcons.clear)) , copy this part, head to your setting screen where you have logout button, in you onPressed paste this "() => AuthenticationRepository.instance.logout()

[@Hamza-yq7sj]

OnInit function give me error null is not a subtype of string...

[@CodingwithT]

Means some value is expecting string but you are giving null to it

[@wasifladla2084]

​@@CodingwithTI face this error

[@dilshanisenarathna8096]

I also got this error. Did you fix it?

[@Hamza-yq7sj]

@@wasifladla2084 yes

[@CodingwithT]

I see many people are facing this issue. Can someone share their code? I will try to find the actual problem and will post the solution here

[@eshu9838]

when did you do logout part?😑

[@CodingwithT]

Next videos

[@AlanAlejo-fp4mh]

First time I have an error in your code :( >>>>>>>Null check operator used on a null value

[@CodingwithT]

Errors are good 😃. This means that you are using ! This operator on a null value.

[@zulfiqaralihunzai]

@@CodingwithT just REMOVE the email and password from onIntit widget in LoGIN CONTROLLER

[@jeremymunroe]

Ensure Form has key in this case controller.loginFormKey