🔒📱 Email Sign Up • Flutter Auth Tutorial ♡

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ธ.ค. 2022
  • 💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
    📱 Flutter Courses • mitchkoko.app/
    👨🏽‍💻 I'm coding a startup.. / mitchkoko
    / createdbykoko
    / createdbykoko
    / createdbykoko
    💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
    This is the third tutorial in this Flutter Authentication series, where we are going to use Firebase to sign up an account for the user. The next tutorial will be on Apple and Google sign in.
    FLUTTER AUTH PLAYLIST:
    1 • 📱 Modern Login UI • • 🔒📱 Modern Login UI • F...
    2 • 📱 Email Login & Logout • • 🔒📱 Email Login & Logou...
    3 • 📱 Email Sign Up • • 🔒📱 Email Sign Up • Flu...
    4 • 📱 Google Sign In • coming soon..
    5 • 📱 Apple Sign In • coming soon..
    SOURCE CODE • github.com/mitchkoko/Register...
    FIREBASE x FLUTTER AUTH DOCUMENTATION • firebase.google.com/docs/auth...
    ~ ;
    🎧 Flutter Pod • / @flutterpod
    💰 IF YOU ARE NEW TO FLUTTER.. you need to watch my Flutter UI Course for BEGINNERS mitchkoko.gumroad.com/l/Begin...
    💬 JOIN DISCORD SERVER • / discord
    ~ ;
    📱 INSTAGRAM • / createdbykoko
    📱 TWITTER • / createdbykoko
    📱 TIKTOK • / createdbykoko
    💻 GITHUB • github.com/mitchkoko/
    🖥 WEBSITE • mitchkoko.app/
    flutter ios android to do todo app ui uidesign hive backend complete app widgets habit tracker created from scratch modern dope smart home app ui user interface uix ux tutorial flutter tutorial ui step by step from scratch grocery provider app shop ecommerce mobile app modern minimal login auth authentication firebase login logout tutorial create an account
    #flutter #createdbykoko
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 134

  • @createdbykoko
    @createdbykoko  ปีที่แล้ว +5

    💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
    📱 Flutter Masterclass • mitchkoko.app/
    🔥 I'm coding a startup.. www.patreon.com/mitchkoko
    FLUTTER AUTH PLAYLIST:
    1 • 📱 Modern Login UI • th-cam.com/video/Dh-cTQJgM-Q/w-d-xo.html
    2 • 📱 Email Login & Logout • th-cam.com/video/_3W-JuIVFlg/w-d-xo.html
    3 • 📱 Email Sign Up • th-cam.com/video/qlVj-0vpaW0/w-d-xo.html
    4 • 📱 Google Sign In • th-cam.com/video/1U8_Mq1QdX4/w-d-xo.html
    FIREBASE x FLUTTER AUTH DOCUMENTATION • firebase.google.com/docs/auth/flutter/password-auth
    I hope this helps you ✌🏾❤

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +2

      GOOGLE SIGN IN IS NEXT UP!!

    • @codewithdallah
      @codewithdallah ปีที่แล้ว

      You are a life saver.

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      @@codewithdallah no problem abdallah 💜

    • @codewithdallah
      @codewithdallah ปีที่แล้ว

      @@createdbykoko th-cam.com/users/shortspxnRSmq4MUk?feature=share 🙏🙏

    • @WilsonSilva90
      @WilsonSilva90 ปีที่แล้ว

      The repository does not exist.

  • @mhdshafad
    @mhdshafad 11 หลายเดือนก่อน +4

    At last, I found the one video that is easy to understand based on my knowledge and not complex as others. Thank you

  • @naheleallan-moon4425
    @naheleallan-moon4425 ปีที่แล้ว +34

    For anyone having the problem where the check for matching passwords doesn't do anything in the case that the passwords don't match, you can remove the if/else logic from the try/on block and just add an if statement above the try/on block. If the two controller's texts don't match (!= to check if two values are not equal), call Navigator.pop(context) to stop the progress indicator, then call the errorMessage and return (return;). Return will stop the rest of the code from executing, and this method is cleaner than having an if/else statement and generally good practice for readability.
    if (passwordController.text != passwordConfirmController.text) {
    Navigator.pop(context);
    incorrectDetails("Passwords do not match");
    return;
    }

    • @prathamgangwal1735
      @prathamgangwal1735 ปีที่แล้ว +1

      thanks man !!

    • @mary200095320
      @mary200095320 ปีที่แล้ว +1

      Thanks a lot, be blessed 🤲🏾

    • @SergioGonza99
      @SergioGonza99 ปีที่แล้ว

      why does this happen ? it should work withint the try catch

    • @arvindkhulputeea9822
      @arvindkhulputeea9822 ปีที่แล้ว

      Yes but then it doesnt work when you try to sign in with matching passwords after the mistake happening

    • @kite8680
      @kite8680 ปีที่แล้ว

      @@arvindkhulputeea9822 what do you mean?

  • @reecewakefield2391
    @reecewakefield2391 ปีที่แล้ว +26

    Genuinely one of the only Flutter tutorial creators I understand. I never comment on TH-cam videos but thought this was needed for how much you've helped me with my app development so far. Keep up the good work :)

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +2

      That makes me happy haha i’m glad i can help you ❤️

    • @JSquiff
      @JSquiff ปีที่แล้ว +2

      @@createdbykoko Seriously Mitch, amazing work, I came across your page by accident and the fact you are so clear and calm makes it so much easier. You also make it very easy to see WHY we are doing things.

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      @@JSquiff that’s great! Glad i can help 😋

    • @skylar_d.q7762
      @skylar_d.q7762 6 หลายเดือนก่อน

      That makes the two of us!!!❤

  • @ugochukwuanajemba3117
    @ugochukwuanajemba3117 ปีที่แล้ว +1

    Always waiting for the next video. Good UI concept and hope to see the next video soon

  • @alirezakazemi5744
    @alirezakazemi5744 ปีที่แล้ว

    Sweet sir ♥️
    Amazing explanation even for a beginner like me, thanks buddy I had many problems to do this project before,but now you solve it and I also understood all of it, wish you the bests ♥️

  • @LagoonLofi
    @LagoonLofi ปีที่แล้ว

    amazing tutorial, best flutter tutorials out there, keep up the amazing videos.

  • @PixelCluster
    @PixelCluster ปีที่แล้ว

    Thank you so much Mitch koko!

  • @maromgigi7989
    @maromgigi7989 7 หลายเดือนก่อน

    all of your videos are so simple ane learnable

  • @mariarose3261
    @mariarose3261 9 หลายเดือนก่อน

    Thank you. It works for me

  • @maromgigi7989
    @maromgigi7989 7 หลายเดือนก่อน

    Damn man you are really good and nice, THank you very much!!!!

  • @htoohtetoo3474
    @htoohtetoo3474 ปีที่แล้ว

    Awesome and nice, clean video ever 😍

  • @calmquee6721
    @calmquee6721 ปีที่แล้ว +3

    Love ur videos u helped me learn flutter well

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      My pleasure glad u like it 👨🏽‍💻❤️ how is flutter going for u so far?

  • @EnemyGamingLAS
    @EnemyGamingLAS ปีที่แล้ว

    You won a subscriber bro, love your videos. I hope you can show us how to add google map service in an app, like we can see people or cars moving in a radius or something like that, like uber but not like uber.

  • @gdsantos2002
    @gdsantos2002 ปีที่แล้ว +1

    Keep going, great tutorial!

  • @qwertycoding
    @qwertycoding ปีที่แล้ว +1

    once again, a legendary video

  • @mohammadtubeshat8700
    @mohammadtubeshat8700 ปีที่แล้ว

    Great job your explanation is clear and beautiful.

  • @exodia_hosni
    @exodia_hosni ปีที่แล้ว +1

    Man you are the best istg❤❤

  • @zerolikeproduction
    @zerolikeproduction 3 หลายเดือนก่อน

    Bro, you are awesome. I really liked your video and I appreciate the work you put in on and I can understand that how much time you really gave it to this video. For me it took me around 3 days to just complete your to do app and the e-mail sign up. Would you? And I just did.

  • @vitthalverma6147
    @vitthalverma6147 ปีที่แล้ว +4

    Plz upload more frequently mitch!

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Yeah I should and will! Need to upload more frequently!! Definitely my new years resolution🎉

  • @itsahmed-dev
    @itsahmed-dev ปีที่แล้ว

    Thanks for another awesome video. I want to dismiss the on-screen keyboard by tapping away from the keyboard. How can I do it?

  • @HS-bl5xp
    @HS-bl5xp ปีที่แล้ว

    i want to display "registered as user" instead of "logged in as user" when sign up, how to seperate login text and register text ?

  • @spaghardo
    @spaghardo 5 หลายเดือนก่อน

    for me, the error message is always 'invalid-credential' no matter what i type in, any idea why?

  • @danasugu1767
    @danasugu1767 ปีที่แล้ว

    Thanks! What about a JWT authentification? Would you include it?

  • @TM-ix1vm
    @TM-ix1vm ปีที่แล้ว

    How do I do a parent email authentication? And is there a way the parents will get notified about the children chats ?

  • @user-fs8ip2gc7f
    @user-fs8ip2gc7f 8 หลายเดือนก่อน +1

    can you show us this authentication using nodejs?

  • @Joanna-vd9np
    @Joanna-vd9np 7 หลายเดือนก่อน +2

    Can we get the source code? Link not working, ty!

  • @melapardo
    @melapardo ปีที่แล้ว

    is it possible to change the language of these pop up error messages?

  • @itsahmed-dev
    @itsahmed-dev ปีที่แล้ว +3

    Will you show us how to reset forgotten passwords plz?

  • @shubhamshirode5911
    @shubhamshirode5911 3 หลายเดือนก่อน

    Hi bro, if possible do upload the 2 remaining videos Peace 🕊️✌️

  • @shubhamjaiswal1139
    @shubhamjaiswal1139 ปีที่แล้ว +1

    How can we hide or show password in this app, will you please help me

  • @youre-view
    @youre-view 10 หลายเดือนก่อน

    help me it is not moving to homepage after registering

  • @amirmuradov1645
    @amirmuradov1645 ปีที่แล้ว

    Nice vieo bro, do a review on a forebase

  • @itxmirani
    @itxmirani 10 หลายเดือนก่อน

    Bro, what if I want all this stuff in GetX State management?

  • @Videosrandon2
    @Videosrandon2 7 หลายเดือนก่อน

    just as one uploading image and phone number and being able to have an avatar in the login

  • @designsrs
    @designsrs ปีที่แล้ว +2

    Yoooooo 💜💜💜💜💜

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      DEEP PURPLE 300 Hahaha i love u ❤️❤️❤️❤️

  • @jawadularefin8334
    @jawadularefin8334 2 หลายเดือนก่อน

    anyone knows where I can find the source code for this one?

  • @2986722
    @2986722 11 หลายเดือนก่อน +1

    put the correct repo link as it is directing to a 404. also your content is very good wish you luck!

  • @rajarshipalshanker8216
    @rajarshipalshanker8216 4 หลายเดือนก่อน

    Awesome tutorial!! But how to make 'forgot password?' button work? Please share a tutorial for this.

  • @fleepp
    @fleepp ปีที่แล้ว

    Great tutorial thx! I run in to an error. I would like to compare my code to you're source code. But the link seems to be broken. Can you please fix the link?

  • @yangyun6221
    @yangyun6221 ปีที่แล้ว

    Hi, do you do native App developing?

  • @yangyun6221
    @yangyun6221 ปีที่แล้ว

    Hi, do you do native App Developing.

  • @MWStudiooo
    @MWStudiooo ปีที่แล้ว +8

    Can you please do some fullstack clone videos instead usual UI VIDEOS(P.S they are good)

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      Yep sure that is the goal 👨🏽‍💻❤️

  • @laibasiddiqa207
    @laibasiddiqa207 5 หลายเดือนก่อน

    why the source code github link is not working

  • @NathnaelChilot
    @NathnaelChilot ปีที่แล้ว

    just wow

  • @vmwarereporting6278
    @vmwarereporting6278 ปีที่แล้ว +1

    if anyone got this error , here's the fix !
    @5:47
    Error :
    lib/components/my_button.dart:34:15: Error: The getter 'text' isn't defined for the class '_MyButtonState'.
    - '_MyButtonState' is from 'package:modernlogintute/components/my_button.dart' ('lib/components/my_button.dart').
    Try correcting the name to the name of an existing getter, or defining a getter or field named 'text'.
    text,
    ^^^^
    Failed to compile application.
    Fix :
    child: Text(
    widget.text,
    style: const TextStyle(
    color: Colors.white,
    fontWeight: FontWeight.bold,
    fontSize: 16,
    ),
    ),

  • @alisaad-ej5bx
    @alisaad-ej5bx 8 หลายเดือนก่อน

    anyone have the source code cuz it it just not opening

  • @AqeelAhmed-gv3xr
    @AqeelAhmed-gv3xr ปีที่แล้ว +2

    Missing At 6:20 If anyone having issue with the (password don't match function) replace the code with this
    // check if password not matches
    if(passwordController.text != confirmPasswordController.text) {
    Navigator.pop(context);
    showErrorMessage("Password do not match");
    return;
    }
    //try creating the user
    try {
    //check if password matches
    if(passwordController.text == confirmPasswordController.text){
    await FirebaseAuth.instance.createUserWithEmailAndPassword(
    email: emailController.text,
    password: confirmPasswordController.text,
    );
    }
    // pop the loading circle
    Navigator.pop(context);
    } on FirebaseAuthException catch (e) {
    // pop the loading circle
    Navigator.pop(context);
    //show error message
    showErrorMessage(e.code);
    }

    • @andrewcomplainer
      @andrewcomplainer ปีที่แล้ว +1

      thank u this is the only worked for me

  • @nibrass8636
    @nibrass8636 4 หลายเดือนก่อน

    Need a video that connecting google map or other maps with our application(for delivery purposes and other…)

  • @LeonardoReyes-ob7hv
    @LeonardoReyes-ob7hv ปีที่แล้ว

    Why didn’t you just use a “TextButton” for the “Register”?

  • @yekto711
    @yekto711 ปีที่แล้ว

    please continue the development of this project. Make some E-Commerce with CRUD (Create Read Update Delete) Feature Product

  • @subhamroy5368
    @subhamroy5368 2 หลายเดือนก่อน

    Bro, where is the Google and Apple signIn Videos?

  • @borneoviral6379
    @borneoviral6379 7 หลายเดือนก่อน

    Very good tutorial... now where can I find a tutorial on how to get user register with phone number and password

  • @gurungkaran4837
    @gurungkaran4837 ปีที่แล้ว

    can you make forget password authentication?

  • @ioannispapazoglou9031
    @ioannispapazoglou9031 5 หลายเดือนก่อน

    Does anyone have the problem with signup? i write an email i write the password and the confirming password but when i click sign up it just loads and does nothing nor making a record in firebase

    • @PAnPunal
      @PAnPunal 4 หลายเดือนก่อน

      i have that problem too(

  • @charleszulu8715
    @charleszulu8715 ปีที่แล้ว

    Great work ..but mine it's saying *Failed to compile Application*

  • @nadimroz-vz2tc
    @nadimroz-vz2tc ปีที่แล้ว +2

    why does mine not go to home page after pressing the button but the account will be created in firebase

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      I'd like to help but I need more information from you. I recommend trying the tutorial again from the beginning and check each step carefuly to make sure you didn't miss anything. Let me know if you still get and error 💜

    • @youre-view
      @youre-view 10 หลายเดือนก่อน

      same issue :(

  • @Zim_88
    @Zim_88 ปีที่แล้ว +2

    Thanks! Good video
    It would be interesting to see how to work with Firestore Database.
    by the way, this blue line shows the warning in Navigator.pop(context), (in signUserIn / signUserUp function)
    I fix it changing to: if (context.mounted) Navigator.pop(context);

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Nice! Do you know what (context.mounted) actually means? Haha also I am making videos on projects that use firestore database now.

    • @Zim_88
      @Zim_88 ปีที่แล้ว +1

      @@createdbykoko honestly I don't know what that means

  • @user-wd7mg1sq6t
    @user-wd7mg1sq6t 4 หลายเดือนก่อน

    nice brother but where is the form validation

  • @suleimanhassan8579
    @suleimanhassan8579 6 หลายเดือนก่อน

    What of the forgot password

  • @shahidwani6445
    @shahidwani6445 ปีที่แล้ว

    Please make a video on inapp update in flutter

  • @sovady
    @sovady 11 หลายเดือนก่อน

    source code in github is giving me a 404. anyone else?

  • @shenalijayasinghe27
    @shenalijayasinghe27 6 หลายเดือนก่อน

    When I click on the source code it says the page not found. Can u please look into this.
    Thank you!

    • @createdbykoko
      @createdbykoko  6 หลายเดือนก่อน

      Which link are you clicking on?

    • @oandu
      @oandu 5 หลายเดือนก่อน

      @@createdbykoko the github project seems removed or privated, can u review it? Thanks, great video! :)

  • @kingking6886
    @kingking6886 9 หลายเดือนก่อน

    Can u create the combination of sign up and login

    • @createdbykoko
      @createdbykoko  9 หลายเดือนก่อน

      th-cam.com/video/4fucdtPwTWI/w-d-xo.htmlsi=fcnCECiqFwBK88sV

  • @user-xw3xy7ml9n
    @user-xw3xy7ml9n 9 หลายเดือนก่อน

    make video for facebook login with flutter bro

  • @Zyzzbruh
    @Zyzzbruh ปีที่แล้ว +3

    would u mind makin a vid about Graphs

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Haha sure. A few people have asked about graphs. Any specific graphs?

    • @Zyzzbruh
      @Zyzzbruh ปีที่แล้ว

      @@createdbykoko idk? best acc to u

  • @albertoman7632
    @albertoman7632 5 หลายเดือนก่อน

    I hope you can recognize me. 😊

  • @nadiabarrosnb3609
    @nadiabarrosnb3609 4 หลายเดือนก่อน

    source code not found

    • @jawadularefin8334
      @jawadularefin8334 2 หลายเดือนก่อน

      same problem here, have you found anything yet or something similar?

  • @clixt984
    @clixt984 ปีที่แล้ว

    Spent quite a lot of time debugging this... If you're creating a test user, create one with a strong password otherwise It'll do nothing or throw an error. The "Password don't match" he provided is more like "Password is too weak." Definitely read the docs. Don't be me lol.

  • @deathgod_69
    @deathgod_69 ปีที่แล้ว +2

    Graphs Please Come On🙂

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Sure, any specifics relating to graphs you want?

  • @Zim_88
    @Zim_88 ปีที่แล้ว

    In other video, where i saw TextEditingController() there was method dispose()
    Should I add here in class RegisterPage/LoginPage?
    an example _LoginPageState:
    @override
    void dispose() {
    emailController.dispose();
    passwordController.dispose();
    confirmPasswordController.dispose();
    super.dispose();
    }

  • @iswan1013
    @iswan1013 8 หลายเดือนก่อน

    so fast....

  • @the_wilson_smh
    @the_wilson_smh ปีที่แล้ว +2

    Not sure if it's just me but your videos are so good but then also are so frustrating at the same time. You jump around a lot and it's causing me confusion with what you did, especially when my register page isn't showing up because I get an error but you don't show how you fixed that error...

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      I’d like to help u, what is the error you’re facing exactly? Try to be specific so i can help u

    • @the_wilson_smh
      @the_wilson_smh ปีที่แล้ว

      @@createdbykoko All I can say is that when I click the Register Now text, it doesn't switch the pages...

    • @the_wilson_smh
      @the_wilson_smh ปีที่แล้ว

      Nevermind I managed to get it to work by changing the auth page to redirect to the LoginOrRegisterPage() instead of the LoginPage(), I apologise I have only just seen that this was actually in the video 🤦🏻‍♂

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      @@the_wilson_smh oh i see, 2:31 it is here

    • @the_wilson_smh
      @the_wilson_smh ปีที่แล้ว +3

      @@createdbykoko I am having another problem though, in the register_page.dart, when we're trying to create a new user and we're checking to make sure the password and confirm password are the same, the showErrorMessage(); function isn't doing anything, I even added a log('test'); to make sure it was being fired and it is...

  • @albertoman7632
    @albertoman7632 5 หลายเดือนก่อน

    Hi sir, I'm from Philippines a beginner for flutter coding industry. I was looking for this kind of Video Tutorial in YT this fast few months and now I think I just found it on you very clear and simple, I hope you can help me with my school project which is creating an Attendance app to our University through QR code and login through google single sign on, and so on. Also I want to learn firebase Authentication. I also just followed to your tiktok account, thank you sir!

  • @icantfixu
    @icantfixu ปีที่แล้ว

    if there's anyone facing problem with 5:47
    child: Text(
    text,
    style: const TextStyle(
    color: Colors.white, fontSize: 26, fontWeight: FontWeight.bold),
    ),
    use widget.text instead of text
    therefore, correct one would be:
    child: Text(
    widget.text,
    style: const TextStyle(
    color: Colors.white, fontSize: 26, fontWeight: FontWeight.bold),
    ),

  •  ปีที่แล้ว +1

    peace

  • @swagatbaruah522
    @swagatbaruah522 ปีที่แล้ว

    Could anyone explain me about the `widget.onTap` code (Time: 2:12) ??
    Why didn't we just write onTap: onTap,
    instead of onTap: widget.onTap;

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +2

      hey! because it's a stateful widget, we need to do onTap: widget.onTap. Usually if it's just a stateless widget we can do onTap: onTap

    • @swagatbaruah522
      @swagatbaruah522 ปีที่แล้ว

      @@createdbykoko okk got ya..Thanks for explaining....