Flutter Firebase Authentication Tutorial - Firebase Auth using email and password 2023
Ғылым және технология
In this flutter tutorial, we will learn flutter firebase authentication using email and password.
COMPLETE PLAYLIST: • Flutter Login App - UI...
We will use GETX State Management to keep the code clean and use the cleanest way to perform firebase authentication.
We will learn to Create user with email and password, Sign In user with email and password, logout the user, keep the firebase user logged in even app close, keep the separation of concern with a separate Authentication repository controller and Signup, login controller with the backend logic.
LOGIN APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► COMPLETE PLAYLIST: • Flutter Login App - UI...
► FIREBASE PLAYLIST: • Flutter Firebase Basic...
DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► CODE & RESOURCES: codingwitht.com/flutter-login...
VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
► 01 - Flutter Folder Structure • Flutter App with Fireb...
► 02 - Flutter Folder Structure • How to Create a Flutte...
► 03 - Setup Theme Light & Dark: • How to Setup a Custom ...
► 04 - Flutter Native Splash • How to create Flutter ...
► 05 - Custom Splash with Animation • Flutter Splash Screen ...
► 06 - On Boarding Screen • Flutter Onboarding Scr...
► 07 - Welcome Screen Design • Welcome Screen | Flutt...
► 08 - Animate any widget • Flutter Animation 2023...
► 09 - Flutter Login UI • Flutter Animation 2023...
► 10 - Flutter Signup UI • Modern Signup form in ...
► 11 - Flutter Forget Screen • Flutter Forget Passwor...
► 12 - Flutter OTP Design • Flutter OTP Verificati...
► 13 - Flutter Dashboard • Flutter UI Design Tuto...
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬
► 14 - Setup Firebase in Flutter • Simplest way to Setup ...
► 15 - Firebase Authentication • Flutter Firebase Authe...
► 16 - Firebase Phone No Auth • Flutter Firebase Phone...
► 17 - Flutter Profile UI • Flutter Profile Page U...
► 18 - Store Data in Firestore • How to store data in F...
► 19 - Verify Email in Flutter • Verify Email in Fireba...
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP with GETX • Flutter Login App - UI...
► E-COMMERCE APP • Professional Flutter E...
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Firebase Auth example and Overview
03:06 Enable Email and password in Firebase Console
04:05 Setup Firebase auth in Flutter
05:27 Add Logic to get user data
08:41 Firebase Authentication Repository Signup, Login and Logout
15:44 Firebase Auth Exceptions
19:40 Test the Code
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FOLLOW US ON SOCIAL MEDIA!
💻 Facebook: / codingwithtea
💻 Instagram: / coding_with_tea
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:
► Subscribe kzread.info...
►► Support codingwitht.com/support-the-c...
#flutterapp #flutterfirebase #firebaseauth #codingwithTea
Пікірлер: 113
Great video. Can you also make a tutorial for the Login logic? Your code that I purchased has a lot of things that have not been covered in this tutorial yet and is a bit confusing so will be great if you could explain in a similar fashion as you did for the Sign Up logic. Thanks!
I'm folowing this series from the start. Sir where is the code block for loginUserWithEmailAndPassword? If you already create a video on it, please mention
Great Series , please make admin panel as well
@CodingwithT
Жыл бұрын
Thank you. I'll make it
You are CodeStar big brother..🎉🎉
@CodingwithT
Жыл бұрын
Thank you 😊
I wanted to take a moment to express my appreciation for your great videos. They have been a valuable resource in my studies. However, I do have a small complaint. I have spent a lot of time going through your playlist, and now I am eagerly waiting for the video on login authentication. Unfortunately, my project evaluation is starting next week, and I am running short on time. I kindly request that you consider creating a video on login authentication before this Saturday or Sunday.
@CodingwithT
Жыл бұрын
Hi Ali Haider, thank you so much 🥰. I will create login authentication video soon but you can also send me a message at +923178059528 for quick fix 😆
@AliHaider-hs8ff
Жыл бұрын
@@CodingwithT You're welcome! and I'm on way to disturbing you on WhatsApp hahaha😂
Hi sir, first of all thank you very much for this videos , i have question i have test in on real device but there is problem in signup form screen when i pressed on the field the keyboard just show and disappear in less than one second .. can i know why ?
Hi, Sir. The code of userChanges() in video 12:41, it shows "The method 'userChanges' isn't defined for the type 'FirebaseAuth'." for my project. I have upgrade my firebase_auth version but it still the same. May I know any solution for this? and really appreciate for your videos, they help me a lot in my studies.
Hello Sir, when I click on a text input field in my app's signup form, the keyboard keeps disappearing repeatedly.
Wa alaykoum essalam. geat video thanks a lot. please make video about Sqlite.
@CodingwithT
Жыл бұрын
Thank you 😊 and I will
Bro. I have ListTile icon in the Drawer header. I want to perform logout by clicking on ListTile Logout icon. How to do this. I tried but not logout.
sir pls help in this why splash screen is not showing i am getting this error
Super videos.
@CodingwithT
Жыл бұрын
Thank you 😊
Thanks!
@CodingwithT
Жыл бұрын
Thank you Buddy Wasif for your love and support 💕.
great video. it signup the user successfully but where is the functionality of login screen? how can we send email verification mail
@CodingwithT
Жыл бұрын
Email verification is actually a Complete new tutorial, IA i will cover it soon. Whereas you can Login by calling the login function from the auth repository on the login button onPressed
hello how can I create a Flutter app with a login interface that allows the user to choose between admin or client login
@CodingwithT
Жыл бұрын
Simply create a field in the firebase and name it roles, based on that when the user is authenticated, check its role from the database and redirect accordingly.
Workaround for login page logic is to add these lines of code to login_form_widget.dart that was made in previous tutorial that Tea posted. 1. add controllers into LoginForm widget: @override Widget build(BuildContext context) { final controller = Get.put(SignupController()); [...] //EMAIL FIELD TextFormField( controller: controller.email, [...] //PASSWORD FIELD TextFormField( controller: controller.password, [...] 2. Add OnPressed Login Button logic: onPressed: () { FirebaseAuth.instance.signInWithEmailAndPassword( email: controller.email.text.trim(), password: controller.password.text.trim() ); How to show users that info they inputted is not correct is another problem I'm facing now.
@mrman4636
Жыл бұрын
add this in your textformfield widget : validator: (value) { if (value == null || value.isEmpty) { return " enter the thing. Idiot!!!"; } else null; } then put your onpressed function in this: if (_formkey.currentState!.validate()) { } so yours will be like: onPressed: () { if (_formkey.currentState!.validate()) { FirebaseAuth.instance.signInWithEmailAndPassword( email: controller.email.text.trim(), password: controller.password.text.trim(); } } ps: _formkey is private hence the underscore
@user-pm6sw9gt7m
Жыл бұрын
@@mrman4636 thank you! Only problem is that it only checks if the input field is empty. My problem is comparing data that is input by user with firebase data. Say I am I user and I put in wrong password with one letter/number/symbol missing. The validation above would not show anything to me. Right?
@CodingwithT
Жыл бұрын
Most of the people asked for LoginScreen Code as it's already added in the codingwitht.com and link is given in the description of the video but now you can get it from right below... codingwitht.com/flutter-firebase-authentication-tutorial-2022-using-getx/
great video bro. bro how can we upload image with userAuthontication
@CodingwithT
Жыл бұрын
That's easy dear. You have to store images and videos in Firebase Storage
Hi, thank you so much for the very detailed code, but when I want to log in or log in to the program, I get such an error in the console. The code is the same as in the video [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled exception: You are trying to use context-free navigation without . I will be grateful for your help.
@greendiga
Жыл бұрын
firebaseUser.value != null ? Get.offAll(() => const profile()) : Get.to(() => const MyApp());
@CodingwithT
Жыл бұрын
You welcome 🤗. Have you changed MaterialApp to GetMaterialApp You Need to Add GetMaterialApp In Your Main.dart file for GetX .
where do you create the getxcontroller class and the get method for get.find etc.. Sory if I have missed some points hehe
@jethroruel
2 ай бұрын
Same problem here... Hope u will answer bro
@0dipeshadhikari
26 күн бұрын
in terminal > flutter pub add get
Hello everyone, Most of the people asked for LoginScreen Code as it's already added in the codingwitht.com and link was given in the description. You can also follow this link. codingwitht.com/flutter-firebase-authentication-tutorial-2022-using-getx/
followed your last video step by step. I did the same for this video. however when initialized the app at 5:00 I did not have a src folder in my lib. what am I doing wrong????????
@CodingwithT
11 ай бұрын
If you watch my first tutorials of this course in which I thought about folder structure, then you'll know that src is just a folder nothing else. If you don't have that. Don't worry.
@maxxy-r3q
2 ай бұрын
he use flutter_native_splash for the first loaded screen before everything in authcontroller fine
hey, in 21:43 min - I follow code with you but in my app signOut() does not working, only after hot reload user logouts..
@CodingwithT
5 ай бұрын
Make sure to check if authentication listener is working and also if you're not using that then manually redirect to Login screen in logout()
Eyvallah baba eyvallah
Which code is helping the app remember the login state on relaunching ?
@CodingwithT
Жыл бұрын
In the authentication repository look for onReady() function and call that in main.dart
I have a question. Can Getx be used for a larger application?
@CodingwithT
Ай бұрын
Yes easily
how do i handle this error 'Unhandled Exception: Instance of 'SignUpWithEmailAndPasswordFailure'
@CodingwithT
Жыл бұрын
Try to run it in debug mode. There is an uncaught exception inside your Email and password failure.
@mawandenxumalo4901
Жыл бұрын
@@CodingwithT thanks I did but now I'm getting "W/System ( 9315): Ignoring header X-Firebase-Locale because its value was null." assistance will be highly appreciated..
why I am redirecting to the dashboard without entering the signup details email and password.
@CodingwithT
Жыл бұрын
Send me code at support@codingwitht.com
@skydoesblue4854
Жыл бұрын
Same issues here
@restaurantrecipebyhafsa
Жыл бұрын
@@skydoesblue4854 try implementing the logout functionality. It is just because the user is already logged in to your app so the app redirects the user to its dashboard. So when you will logout the user. it will work fine.
how to make signin man??
@CodingwithT
Жыл бұрын
Most of the people asked for LoginScreen Code as it's already added in the codingwitht.com and link is given in the description of the video but now you can get it from right below... codingwitht.com/flutter-firebase-authentication-tutorial-2022-using-getx/
if anyone confuse how to login then come into my comment i will share the code Thanks
@CodingwithT
Жыл бұрын
Thank you Faizan for help. Most of the people asked for LoginScreen Code as it's already added in the codingwitht.com and link is given in the description of the video but now you can get it from right below... codingwitht.com/flutter-firebase-authentication-tutorial-2022-using-getx/
@irfansamii695
11 ай бұрын
share please
can you answer my question ? im having an error with LateInitializationError: Field 'firebaseUserl has not been initialized... why this happened? i already follow ur code
@CodingwithT
Жыл бұрын
Please check if it's late or ? Nullable as both have different approaches. Also it should be initialized in onReady if the error is in Authentication Repository
@ikkekun
Жыл бұрын
@@CodingwithT im using late final as in the video. there is no error code but error on the profile page at the phone
@favouradeshina4354
Жыл бұрын
I'm currently experiencing this by the way. How did you fix it? @ikekun
@ikkekun
Жыл бұрын
@@favouradeshina4354 i give up bro, i recommend you to find another way
can you please provide the login controller code
@CodingwithT
Жыл бұрын
Most of the people asked for LoginScreen Code as it's already added in the codingwitht.com and link is given in the description of the video but now you can get it from right below... codingwitht.com/flutter-firebase-authentication-tutorial-2022-using-getx/
Hi Sir, thank you so much for your videos. But I am facing the error E/flutter (12573): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Instance of 'signUpEmailAndPasswordFailure'.I have changed the Material App to GetMaterialApp but app is not switching from signup screen to dashboard screen and the problem is same.I will be very thankful for your help.E/flutter (12573): #0 AuthenticationRepository.createUserWithEmailAndPassword (package:flutter_login/src/repository/authentication_repository/authentication_repository.dart:39:4) .This is also alongwith problem.
@rinkuedutech
9 ай бұрын
Sir I sort out the issue by replacing "firebaseUser.value!=null ? Get.offAll(()=>dashboard()): Get.to(()=>welcomeScreen());" with "Get.offAll(()=>dashboard()):". May be firebase user value creating problem with "null".
SIRRRR!!!! where did that loginwithwithemailandpassword come from .... explain plzzz , it is giving error .... i dont have that code
@CodingwithT
7 ай бұрын
Sorry for the inconvenience. Please watch the current ongoing e-commerce playlist and see the updated videos. That'll be helpful 😃
where did that signupwithemailandpassword came from...just after loginwithwithemailandpassword....its giving errors plz explain
@asadmaeem8262
Жыл бұрын
i am sorry i got it...i didnt imported the firebase_core Package
@CodingwithT
Жыл бұрын
Sorry for the delay and glad it worked 😃
How about login sir? What should we put in login button to make login?
@CodingwithT
Жыл бұрын
Once the account email and password has been successfully registered (authenticated) you can use the same email and password to login .
@dooooofy
Жыл бұрын
@@CodingwithT //LOGIN BUTTON SizedBox( width: double.infinity, child: ElevatedButton( onPressed: () {}, child: Text(tLogin.toUpperCase())), ) I mean, what code should we put in this sir, I look for another videos on KZread and I can't understand most of them. I understand your video but I lack of info about login. Thanks
@jailbreak_4162
Жыл бұрын
@@CodingwithT I encounter same problem sir. What we will put into login form to recognize the credentials from the sign in we created?
@emmanuelpcharles5614
Жыл бұрын
any solution to this , doesn’t work
@gowthamkumarkommana
Жыл бұрын
same issue please help
so what is the purpose of the package that we created before
@CodingwithT
Жыл бұрын
First I thought to add things in the package but after realizing that people will easily get confused, therefore I decided to not use it 😭.🤓
@mechtarin
Жыл бұрын
@@CodingwithT that would be better if you used modularizing is something important so I wish I can see that on this course but I will try by myself with other resources thanks a lot for this great course
@CodingwithT
Жыл бұрын
I will do that soon
Whenever I try to enter text into a TextFormField, the keyboard pops up for a second and hides away instantly. Please help🙏
@CodingwithT
Жыл бұрын
Is your issue resolved? Sorry for the late reply 😃
@jyotibaruah1085
Жыл бұрын
Its ok🤗..but no my issue is not yet resolved..
@gowthamkumarkommana
Жыл бұрын
same issue please help
@CodingwithT
Жыл бұрын
You can make the GlobalKey variable static and initialize in init
@gowthamkumarkommana
Жыл бұрын
@@CodingwithT working thanks😁
Plz ,I need login backend :/
@CodingwithT
7 ай бұрын
You will see the login back-end tutorial in this ongoing e-commerce app playlist. Login video will be uploaded this week.
Please include signin_email_password_failure.dart
Hallo sir, I got error message like shown: The following message was thrown while handling a gesture: "AuthenticationRepository" not found. You need to call "Get.put(AuthenticationRepository())" or "Get.lazyPut(()=>AuthenticationRepository())", how to solve it, thanks and regards
@CodingwithT
Жыл бұрын
As it says, you just have to use the final controller= Get.put(AuthenticationRepository()) It means that you first have to create the instance of any class using Get.put and in the rest of the Classes later on you can use an instance.
@RynoDyno-ef6it
Жыл бұрын
@@CodingwithT Where would we be putting this code? Thank you so much for all your help!
@manavsharma3655
11 ай бұрын
i am getting the same error but i still cant figure it out. it would be very helpful if u could explain how to solve this issue in detail@@CodingwithT
@Liuyap
4 ай бұрын
help@@CodingwithT
options: DefaultFirebaseOptions.currentPlatform This line is showing error
@CodingwithT
Жыл бұрын
Check if the dependency added and also tro to Run Pub clean and Pub get