Это видео недоступно.
Сожалеем об этом.

LOGIN APP • FLUTTER - BLOC & FIREBASE Tutorial for Beginners 🔥

Поделиться
HTML-код
  • Опубликовано: 26 сен 2023
  • In this tutorial, you'll learn how to create a simple login App in Flutter. In this app, I have shown you how to create user using Firebase Authentication and save data to Firebase Firestore.
    We use BLoC in order to keep this simple App well structured.
    I hope you enjoy !!!
    Subscribe to my channel: / @romain_girou
    Link to GitHub: github.com/romain-girou/fireb...

Комментарии • 86

  • @cptfordo6361
    @cptfordo6361 15 дней назад

    Excellent tutorial! Works perfectly. Very grateful for your work

  • @abdulakimovxurshidbek
    @abdulakimovxurshidbek 10 месяцев назад

    It's awesome, you should release more tutorials. Thank you

  • @RahulKumar-jz5xe
    @RahulKumar-jz5xe 8 месяцев назад

    Love from India Thankyou 😄

  • @marahhasan5876
    @marahhasan5876 10 месяцев назад +3

    Very nice. I just like how you talk to us as if we are in a discussion.
    This content so clean.
    Looking for advanced content about authentication bloc and app flow
    Keep the great efforts 👌

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад +1

      Thanks a lot ! A few years ago I was exactly in the position you guys are so Im trying to keep it as real as possible 👌

  • @rimac9022
    @rimac9022 10 месяцев назад

    Excellent

  • @peapuffer3514
    @peapuffer3514 10 месяцев назад

    Nice. I'll create this tomorrow 🙂. Thx for sharing

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад +1

      Perfect ! Let me know how it goes

  • @heloisafreibergercouto9756
    @heloisafreibergercouto9756 5 месяцев назад

    Thank you soo much! You really help me to my first app :)

  • @faridahmadov5991
    @faridahmadov5991 6 месяцев назад

    super thank you so much

  • @adamtanton6489
    @adamtanton6489 9 месяцев назад

    Very good - thanks for taking the time to do this. I've been learning dart and playing around with the code though and realised the sign_in bloc isnt working as intended - the FirebaseAuthException isnt working - the state its always going to success even if password or email is wrong.

  • @abodikheder3626
    @abodikheder3626 10 месяцев назад

    much love btw

  • @Aromatv4733
    @Aromatv4733 6 месяцев назад

    God bless you

  • @Kwame_Kwao
    @Kwame_Kwao 10 месяцев назад

    Hi sir!
    I really appreciate this tutorial,but can you please zoom the font of the codes a little bigger in the next tutorial?😊

  • @YI3Q
    @YI3Q 10 месяцев назад

    Thanks Dude ❤

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад

      You are very welcome 🫶

  • @jessekanadi2344
    @jessekanadi2344 4 месяца назад

    YOur videos are helpful. Can you show us how to create an e-reporting app using flutter?

  • @muhammadihtisham9010
    @muhammadihtisham9010 10 месяцев назад

    it will be better for us if you do with phone also i had problem with the captcha things

  • @tumeloiven905
    @tumeloiven905 2 месяца назад

    Thanks you from South africa, i will recommend your channel to my classmates and please provide source code link because sometimes is very hard to follow up since your screen is not c;lear enough

  • @orionpaul5210
    @orionpaul5210 10 месяцев назад

    thank you brother for listening to my request this I hope these methods applies also to phone auth I will try after watching

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад

      You are very welcome !
      Yes exactly the same, just some more setup on the firebase side but really not hard

  • @user-ms8em3ww9p
    @user-ms8em3ww9p 10 месяцев назад

    And also can you post a video on nested navigation with complex navigation for beginners

  • @LivyTecho
    @LivyTecho 3 месяца назад

    This Tutorial is one of the best but how about Forget Password button?

  • @msb_editz4839
    @msb_editz4839 2 месяца назад

    Can u do it with freezed bloc

  • @user-ms8em3ww9p
    @user-ms8em3ww9p 10 месяцев назад +3

    Can you recreate any e-commerce application with block and clean architecture for beginners please

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад

      What type of e commerce you have in mind ?

    • @user-ms8em3ww9p
      @user-ms8em3ww9p 10 месяцев назад

      @@Romain_Girou like Amazon or Shopify or eBay like that

  • @user-br5yx4qg3k
    @user-br5yx4qg3k 3 месяца назад

    which architecture is this? clean?

  • @abghifareihand
    @abghifareihand 10 месяцев назад

    thanks sir

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад

      My pleasure !

    • @abghifareihand
      @abghifareihand 10 месяцев назад

      @@Romain_Girou What is the function of copywith, sir?

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад

      Because the parameters of MyUser class are all final, you can't modify them after the object creation, but we want to (set the Firebase userId), the copywith method allows us to do that

    • @abghifareihand
      @abghifareihand 10 месяцев назад

      @@Romain_Girou If the parameter is nullable, can it be done without copywith?

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад

      Yes it can

  • @LambdaLegacyNetwork
    @LambdaLegacyNetwork 4 месяца назад

    Your videos are superb! But also for the github code, what do we need to change for the app to run, is it just the firebase setup to be changed by adding our own google service json file, classpaths etc?

    • @Romain_Girou
      @Romain_Girou  4 месяца назад +1

      Thank you so much 🙏
      Yes normally it’s just a matter of replacing the config files for Firebase with yours and voila

  • @phucleinh1167
    @phucleinh1167 Месяц назад

    SignInBloc automatic close so i can not call SignOutEvent. Can u help?

  • @imanerahmaoui04
    @imanerahmaoui04 3 месяца назад

    will the same code work for android also? cuz i tried to do it but it's not working

  • @user-br5yx4qg3k
    @user-br5yx4qg3k 3 месяца назад

    you are actually using the official documentation method right? is this actually neccesay though? we could create simply right? pleae reply if you have time

  • @marts8415
    @marts8415 4 месяца назад

    Hi, I am trying to do the authentication but only using the Microsoft provider but I am struggling with it. What should change from this example?

    • @Romain_Girou
      @Romain_Girou  4 месяца назад

      Never actually used the Microsoft one but normally not much if you followed the documentation that should work fine.

  • @dhruvjohari8759
    @dhruvjohari8759 3 месяца назад

    make a login system in Bloc with API also

  • @umutcansaltan3886
    @umutcansaltan3886 5 месяцев назад

    Thanks for sharing. On sign in page, with wrong password i cant get the SignInFailure state. It's always on SignInSuccess state. Can you help?

    • @Romain_Girou
      @Romain_Girou  5 месяцев назад

      hmmm, you've check the github ?

  • @mateuszchudek6434
    @mateuszchudek6434 10 месяцев назад

    Hey, you have said that you will create a discord server for your community. I actually happened to have a problem with bloc to bloc communication and i would appreciate any help

  • @Kai-wu5hd
    @Kai-wu5hd 9 месяцев назад

    Why do we need to use Bloc instead of MVVM? This architecture makes me so confused.

    • @Romain_Girou
      @Romain_Girou  9 месяцев назад +1

      It's MVVM architecture just the files are organized in such a way that for a project like this it's overkill but tomorrow when you'll work on the next instagram you'll have to have this

  • @kidsandsports9969
    @kidsandsports9969 10 месяцев назад

    gg bro very Excellent explanation

  • @muhammadel-sawaf1336
    @muhammadel-sawaf1336 7 месяцев назад

    Great work 👏 can you please let us know how add forget the password

    • @Romain_Girou
      @Romain_Girou  7 месяцев назад +1

      Thanks !
      Yes I can cover that probably in a Short !

  • @pakdigitalground2333
    @pakdigitalground2333 5 месяцев назад

    Brother why are you using setState for obsecuring password ?? I think you should do it with bloc state management...

    • @Romain_Girou
      @Romain_Girou  5 месяцев назад

      There is never only 1 way to get to the same result ! If that method works best for you please use it 😊

    • @pakdigitalground2333
      @pakdigitalground2333 5 месяцев назад

      @@Romain_Girou but setState builds all the widgets again which is costly and affects app performace. If i am wrong please guide me.

    • @Romain_Girou
      @Romain_Girou  5 месяцев назад +1

      The app needs to rebuild the widget in any cases since you want to change the appearance of it. Even if you use a bloc you’ll never be able to change from invisible to visible without a setstate 😉

    • @pakdigitalground2333
      @pakdigitalground2333 5 месяцев назад

      @@Romain_Girou Thanks brother 🫡

  • @iredtm4812
    @iredtm4812 5 месяцев назад

    hmm how about supabase ? what is your opinion?

    • @Romain_Girou
      @Romain_Girou  5 месяцев назад +1

      It’s the same as Firebase really so in the end choose what’s best for you !

  • @sadokslama8326
    @sadokslama8326 4 месяца назад

    Does this app will work on andoid phone ?

    • @Romain_Girou
      @Romain_Girou  4 месяца назад

      Yep normally if you setup the Firebase Project for android as well but I'll make another video about all that soon !

  • @ahmedeveloper
    @ahmedeveloper 6 месяцев назад

    My app couldn't running and confuse codes

  • @Jpes211
    @Jpes211 4 месяца назад

    there's a part that's corrupted it your video man, from 58:34 to 1:02:48 its pause and ruins the progress, can you do somthing about that part? i'm kinda lost there

    • @Romain_Girou
      @Romain_Girou  4 месяца назад

      So sorry about that and nothing I can do … where are you lost ?

  • @ahmedeveloper
    @ahmedeveloper 6 месяцев назад

    how to run iOS in win 11 VScode

    • @Romain_Girou
      @Romain_Girou  6 месяцев назад +1

      Well the simple answer is you can’t… to dev on iOS you need a MacBook

    • @ahmedeveloper
      @ahmedeveloper 6 месяцев назад

      but you use win OS @@Romain_Girou

  • @abodikheder3626
    @abodikheder3626 10 месяцев назад

    how hard is it to create instagram ?

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад +1

      Depends if you want to create all the little features but the core concept is not that hard

  • @Kyabroudi
    @Kyabroudi 3 месяца назад

    thank you so much, I've split sign in and sign up screens but got the error when navigate between them (Error: Could not find the correct Provider above this BlocListener Widget
    )
    any idea how to fix it?
    TextButton(
    onPressed: () {
    // not working
    Navigator.of(context).pushReplacement(MaterialPageRoute(
    builder: (_) => const SignUpScreen()));
    //(route) => false
    },
    child: const Text.rich(
    TextSpan(
    text: 'Register now',
    style: TextStyle(
    fontWeight: FontWeight.bold, color: Colors.blue),
    ),
    ))

  • @siddupatil5269
    @siddupatil5269 8 месяцев назад

    Hi sir ,i couldn't solve importing UserRepository error 😢

    • @Romain_Girou
      @Romain_Girou  8 месяцев назад

      In your pubspec.yaml file at the root of your project, you need to add those lines :
      user_repository:
      path: packages/user_repository
      Now make sure your user_repository file inside the packages exports all the files you need as well as says at the top "library user_repository"
      Go check the GirHub if you struggle !

    • @siddupatil5269
      @siddupatil5269 8 месяцев назад

      Thanks a lot sir ,it did solve my importing error

  • @rimac9022
    @rimac9022 10 месяцев назад

    But the way you create classes is not entirely clear to me. Maybe I need to improve skills in Dart

    • @Romain_Girou
      @Romain_Girou  10 месяцев назад +1

      I understand ! Perhaps I'll make a quick video on this so it's more clear for you

  • @cptfordo6361
    @cptfordo6361 15 дней назад

    1:25:16

  • @gaston3345
    @gaston3345 7 месяцев назад +4

    can I ask you HOW did you learn all of this? its so hard for me

    • @Romain_Girou
      @Romain_Girou  7 месяцев назад +3

      All on my own to be honest ! Spending thousands of hours practicing.
      Don’t get overwhelmed you’ll manage and be able to do it I’m sure 👌

  • @user-xl7ot4dt7v
    @user-xl7ot4dt7v 8 месяцев назад

    populating the user_repository.dart file didn't work for me
    plz help

  • @adamtanton6489
    @adamtanton6489 9 месяцев назад

    worked out the problem - the try catch block in the firebase_user_repo.dart file was catching the exception upstream. remove this and it works.

  • @AbdoSavac
    @AbdoSavac 4 месяца назад

    Love you the best in this world ❤👈🦾🦾🦾🦾🦾