LOGIN APP • FLUTTER - BLOC & FIREBASE Tutorial for Beginners 🔥
Вставка
- Опубліковано 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...
Excellent tutorial! Works perfectly. Very grateful for your work
It's awesome, you should release more tutorials. Thank you
Excellent
Love from India Thankyou 😄
Nice. I'll create this tomorrow 🙂. Thx for sharing
Perfect ! Let me know how it goes
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 👌
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 👌
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.
Thank you soo much! You really help me to my first app :)
So good to hear ! 🔥
super thank you so much
much love btw
Hi sir!
I really appreciate this tutorial,but can you please zoom the font of the codes a little bigger in the next tutorial?😊
God bless you
Thanks Dude ❤
You are very welcome 🫶
YOur videos are helpful. Can you show us how to create an e-reporting app using flutter?
it will be better for us if you do with phone also i had problem with the captcha things
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
SignInBloc automatic close so i can not call SignOutEvent. Can u help?
will the same code work for android also? cuz i tried to do it but it's not working
which architecture is this? clean?
thank you brother for listening to my request this I hope these methods applies also to phone auth I will try after watching
You are very welcome !
Yes exactly the same, just some more setup on the firebase side but really not hard
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
Can u do it with freezed bloc
And also can you post a video on nested navigation with complex navigation for beginners
Yes will do !
This Tutorial is one of the best but how about Forget Password button?
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?
Never actually used the Microsoft one but normally not much if you followed the documentation that should work fine.
Can you recreate any e-commerce application with block and clean architecture for beginners please
What type of e commerce you have in mind ?
@@Romain_Girou like Amazon or Shopify or eBay like that
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?
Thank you so much 🙏
Yes normally it’s just a matter of replacing the config files for Firebase with yours and voila
make a login system in Bloc with API also
gg bro very Excellent explanation
Glad you liked it
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
Yes I am building it !
thanks sir
My pleasure !
@@Romain_Girou What is the function of copywith, sir?
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
@@Romain_Girou If the parameter is nullable, can it be done without copywith?
Yes it can
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?
hmmm, you've check the github ?
Why do we need to use Bloc instead of MVVM? This architecture makes me so confused.
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
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
So sorry about that and nothing I can do … where are you lost ?
hmm how about supabase ? what is your opinion?
It’s the same as Firebase really so in the end choose what’s best for you !
My app couldn't running and confuse codes
what are the problems ?
Does this app will work on andoid phone ?
Yep normally if you setup the Firebase Project for android as well but I'll make another video about all that soon !
Brother why are you using setState for obsecuring password ?? I think you should do it with bloc state management...
There is never only 1 way to get to the same result ! If that method works best for you please use it 😊
@@Romain_Girou but setState builds all the widgets again which is costly and affects app performace. If i am wrong please guide me.
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 😉
@@Romain_Girou Thanks brother 🫡
1:25:16
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),
),
))
how hard is it to create instagram ?
Depends if you want to create all the little features but the core concept is not that hard
Great work 👏 can you please let us know how add forget the password
Thanks !
Yes I can cover that probably in a Short !
But the way you create classes is not entirely clear to me. Maybe I need to improve skills in Dart
I understand ! Perhaps I'll make a quick video on this so it's more clear for you
Hi sir ,i couldn't solve importing UserRepository error 😢
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 !
Thanks a lot sir ,it did solve my importing error
how to run iOS in win 11 VScode
Well the simple answer is you can’t… to dev on iOS you need a MacBook
but you use win OS @@Romain_Girou
populating the user_repository.dart file didn't work for me
plz help
Go check the Github !
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.
can I ask you HOW did you learn all of this? its so hard for me
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 👌
Love you the best in this world ❤👈🦾🦾🦾🦾🦾