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

  • @rajvi5573
    @rajvi557310 ай бұрын

    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!

  • @saadjillani7761
    @saadjillani7761 Жыл бұрын

    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

  • @pixel__lord
    @pixel__lord Жыл бұрын

    Great Series , please make admin panel as well

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Thank you. I'll make it

  • @akshaysardhara2951
    @akshaysardhara2951 Жыл бұрын

    You are CodeStar big brother..🎉🎉

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Thank you 😊

  • @AliHaider-hs8ff
    @AliHaider-hs8ff Жыл бұрын

    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

    @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

    @AliHaider-hs8ff

    Жыл бұрын

    @@CodingwithT You're welcome! and I'm on way to disturbing you on WhatsApp hahaha😂

  • @xturki5741
    @xturki574111 ай бұрын

    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 ?

  • @ybing2142
    @ybing2142 Жыл бұрын

    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.

  • @Jnims07
    @Jnims079 ай бұрын

    Hello Sir, when I click on a text input field in my app's signup form, the keyboard keeps disappearing repeatedly.

  • @usertuserb7057
    @usertuserb7057 Жыл бұрын

    Wa alaykoum essalam. geat video thanks a lot. please make video about Sqlite.

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Thank you 😊 and I will

  • @CreativeMindOfficials
    @CreativeMindOfficials5 ай бұрын

    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.

  • @user-oc2jj7ii9r
    @user-oc2jj7ii9r8 ай бұрын

    sir pls help in this why splash screen is not showing i am getting this error

  • @anarabbas2728
    @anarabbas2728 Жыл бұрын

    Super videos.

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Thank you 😊

  • @HyderabadiEmraan
    @HyderabadiEmraan Жыл бұрын

    Thanks!

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Thank you Buddy Wasif for your love and support 💕.

  • @sarkheelmughal6545
    @sarkheelmughal6545 Жыл бұрын

    great video. it signup the user successfully but where is the functionality of login screen? how can we send email verification mail

  • @CodingwithT

    @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

  • @abdelbaki343
    @abdelbaki343 Жыл бұрын

    hello how can I create a Flutter app with a login interface that allows the user to choose between admin or client login

  • @CodingwithT

    @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.

  • @user-pm6sw9gt7m
    @user-pm6sw9gt7m Жыл бұрын

    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

    @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

    @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

    @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/

  • @pawankumarbairwa7509
    @pawankumarbairwa7509 Жыл бұрын

    great video bro. bro how can we upload image with userAuthontication

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    That's easy dear. You have to store images and videos in Firebase Storage

  • @greendiga
    @greendiga Жыл бұрын

    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

    @greendiga

    Жыл бұрын

    firebaseUser.value != null ? Get.offAll(() => const profile()) : Get.to(() => const MyApp());

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    You welcome 🤗. Have you changed MaterialApp to GetMaterialApp You Need to Add GetMaterialApp In Your Main.dart file for GetX .

  • @izzuddeenshahpudin1606
    @izzuddeenshahpudin16066 ай бұрын

    where do you create the getxcontroller class and the get method for get.find etc.. Sory if I have missed some points hehe

  • @jethroruel

    @jethroruel

    2 ай бұрын

    Same problem here... Hope u will answer bro

  • @0dipeshadhikari

    @0dipeshadhikari

    26 күн бұрын

    in terminal > flutter pub add get

  • @CodingwithT
    @CodingwithT Жыл бұрын

    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/

  • @evanscott2936
    @evanscott293611 ай бұрын

    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

    @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

    @maxxy-r3q

    2 ай бұрын

    he use flutter_native_splash for the first loaded screen before everything in authcontroller fine

  • @Pierotkana
    @Pierotkana5 ай бұрын

    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

    @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()

  • @idrisalparslan2312
    @idrisalparslan23126 ай бұрын

    Eyvallah baba eyvallah

  • @Abhigyan103
    @Abhigyan103 Жыл бұрын

    Which code is helping the app remember the login state on relaunching ?

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    In the authentication repository look for onReady() function and call that in main.dart

  • @bobdaawid2218
    @bobdaawid2218Ай бұрын

    I have a question. Can Getx be used for a larger application?

  • @CodingwithT

    @CodingwithT

    Ай бұрын

    Yes easily

  • @mawandenxumalo4901
    @mawandenxumalo4901 Жыл бұрын

    how do i handle this error 'Unhandled Exception: Instance of 'SignUpWithEmailAndPasswordFailure'

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Try to run it in debug mode. There is an uncaught exception inside your Email and password failure.

  • @mawandenxumalo4901

    @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..

  • @restaurantrecipebyhafsa
    @restaurantrecipebyhafsa Жыл бұрын

    why I am redirecting to the dashboard without entering the signup details email and password.

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Send me code at support@codingwitht.com

  • @skydoesblue4854

    @skydoesblue4854

    Жыл бұрын

    Same issues here

  • @restaurantrecipebyhafsa

    @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.

  • @_RicardoDirkAnderson
    @_RicardoDirkAnderson Жыл бұрын

    how to make signin man??

  • @CodingwithT

    @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/

  • @faizanahmed8844
    @faizanahmed8844 Жыл бұрын

    if anyone confuse how to login then come into my comment i will share the code Thanks

  • @CodingwithT

    @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

    @irfansamii695

    11 ай бұрын

    share please

  • @ikkekun
    @ikkekun Жыл бұрын

    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

    @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

    @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

    @favouradeshina4354

    Жыл бұрын

    I'm currently experiencing this by the way. How did you fix it? @ikekun

  • @ikkekun

    @ikkekun

    Жыл бұрын

    @@favouradeshina4354 i give up bro, i recommend you to find another way

  • @user-rw8oe4io9p
    @user-rw8oe4io9p Жыл бұрын

    can you please provide the login controller code

  • @CodingwithT

    @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/

  • @rinkuedutech
    @rinkuedutech9 ай бұрын

    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

    @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".

  • @Nuur_Rajput
    @Nuur_Rajput7 ай бұрын

    SIRRRR!!!! where did that loginwithwithemailandpassword come from .... explain plzzz , it is giving error .... i dont have that code

  • @CodingwithT

    @CodingwithT

    7 ай бұрын

    Sorry for the inconvenience. Please watch the current ongoing e-commerce playlist and see the updated videos. That'll be helpful 😃

  • @asadmaeem8262
    @asadmaeem8262 Жыл бұрын

    where did that signupwithemailandpassword came from...just after loginwithwithemailandpassword....its giving errors plz explain

  • @asadmaeem8262

    @asadmaeem8262

    Жыл бұрын

    i am sorry i got it...i didnt imported the firebase_core Package

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Sorry for the delay and glad it worked 😃

  • @dooooofy
    @dooooofy Жыл бұрын

    How about login sir? What should we put in login button to make login?

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Once the account email and password has been successfully registered (authenticated) you can use the same email and password to login .

  • @dooooofy

    @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

    @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

    @emmanuelpcharles5614

    Жыл бұрын

    any solution to this , doesn’t work

  • @gowthamkumarkommana

    @gowthamkumarkommana

    Жыл бұрын

    same issue please help

  • @mechtarin
    @mechtarin Жыл бұрын

    so what is the purpose of the package that we created before

  • @CodingwithT

    @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

    @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

    @CodingwithT

    Жыл бұрын

    I will do that soon

  • @jyotibaruah1085
    @jyotibaruah1085 Жыл бұрын

    Whenever I try to enter text into a TextFormField, the keyboard pops up for a second and hides away instantly. Please help🙏

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Is your issue resolved? Sorry for the late reply 😃

  • @jyotibaruah1085

    @jyotibaruah1085

    Жыл бұрын

    Its ok🤗..but no my issue is not yet resolved..

  • @gowthamkumarkommana

    @gowthamkumarkommana

    Жыл бұрын

    same issue please help

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    You can make the GlobalKey variable static and initialize in init

  • @gowthamkumarkommana

    @gowthamkumarkommana

    Жыл бұрын

    @@CodingwithT working thanks😁

  • @lasithaharshana9749
    @lasithaharshana97497 ай бұрын

    Plz ,I need login backend :/

  • @CodingwithT

    @CodingwithT

    7 ай бұрын

    You will see the login back-end tutorial in this ongoing e-commerce app playlist. Login video will be uploaded this week.

  • @buna8355
    @buna83553 ай бұрын

    Please include signin_email_password_failure.dart

  • @pasirukir4277
    @pasirukir4277 Жыл бұрын

    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

    @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

    @RynoDyno-ef6it

    Жыл бұрын

    @@CodingwithT Where would we be putting this code? Thank you so much for all your help!

  • @manavsharma3655

    @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

    @Liuyap

    4 ай бұрын

    help@@CodingwithT

  • @rakibulhasanjoy7158
    @rakibulhasanjoy7158 Жыл бұрын

    options: DefaultFirebaseOptions.currentPlatform This line is showing error

  • @CodingwithT

    @CodingwithT

    Жыл бұрын

    Check if the dependency added and also tro to Run Pub clean and Pub get

Келесі