Firebase Authentication for Flutter | Firebase Dependencies, UI Design | Flutter Firebase 2023 [#2]

Поділитися
Вставка
  • Опубліковано 11 лип 2023
  • #flutter #firebase #auth #android #design #ui #dependencies #course #series #howto #dart #database #flutterfirebase
    Hi everyone, Welcome to the second part of our exciting Flutter Firebase series! In this video, we will dive deep into the integration of Firebase dependencies into your Flutter project. We'll guide you through the process of adding essential Firebase dependencies, such as Cloud Firestore, Firebase Storage, and Firebase Authentication #firebase #auth .
    These dependencies will enable you to store and synchronize data, manage user-generated content, and implement seamless user authentication in your app. With a strong foundation in Firebase integration, your Flutter app will be equipped with powerful backend capabilities.
    But that's not all! In addition to adding Firebase dependencies, we'll also focus on designing a visually stunning user interface. A well-designed UI is crucial for enhancing the user experience, and we'll show you how to create an eye-catching splash screen that captivates users from the moment they launch your app. Furthermore, we'll design a clean and intuitive login page and a visually appealing sign-up page, providing users with seamless authentication and registration experiences.
    By implementing these UI designs, you'll ensure that your app not only functions flawlessly but also looks incredible.
    Join us now and unlock the full potential of Flutter and Firebase for your app development journey!
    🌎 Find Me Here :
    LinkedIn Profile : / muhammad-hassan-b90851253
    GitHub Profile: github.com/hassank185
    Instagram : / dev.hassankhan
  • Наука та технологія

КОМЕНТАРІ • 51

  • @syilxmxchi_
    @syilxmxchi_ 10 місяців тому

    Thank you so much for the tutorial. Really easy to follow!

  • @teluguaudioclasses2069
    @teluguaudioclasses2069 11 місяців тому +1

    Superb
    Please do next video as soon as possible

  • @dgfiofficer8840
    @dgfiofficer8840 10 місяців тому

    Great ❤️ Thank you Bro 😎👍

  • @amiermanamba8186
    @amiermanamba8186 10 місяців тому +2

    Pleaseeee continue this series bro

  • @izzuddeenshahpudin1606
    @izzuddeenshahpudin1606 6 місяців тому

    The controller declaration ex: final TextEditingController? controller is created inside the signup form right? Which contain the textfield and signup button button. Just to make sure

  • @pnarx3555
    @pnarx3555 2 місяці тому

    7.33 i get an error saying " You are applying Flutter's app_plugin_loader Gradle plugin imperatively using the apply script method, which is deprecated and will be removed in a future release. Migrate to applying Gradle plugins with the declarative plugins block" .How can i fix it?

  • @anarabbas2728
    @anarabbas2728 11 місяців тому

    nice bro

  • @redamohamed3058
    @redamohamed3058 11 місяців тому

    hi i have error with on save the system ask to be future how can i slove it thanks

  • @BrayanMalova
    @BrayanMalova 12 днів тому

    Help sort this. A problem occurred evaluating root project 'android'.
    > Could not find method classpath() for arguments [org.jetbrains.kotlin:kotlin-gradle-plugin:1.7.10] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.

  • @talhazulfiqar3657
    @talhazulfiqar3657 6 місяців тому

    10:23 what is after color:grey ?? something like text but not clear

  • @muhammadalivlogs5134
    @muhammadalivlogs5134 10 місяців тому +2

    sir my xcode build take too much time After Running pod install

  • @azaadrooh
    @azaadrooh 2 місяці тому

    * What went wrong:
    A problem occurred evaluating root project 'android'.
    > Supplied String module notation 'com.google.gms.google-services4.4.1' is invalid. Example notations: 'org.gradle:gradle-core:2.2', 'org.mockito:mockito-core:1.9.5:javadoc'.

  • @Baiai2899
    @Baiai2899 10 місяців тому

    10:26 what is the gray color after?

  • @zansabilhudaianggara1652
    @zansabilhudaianggara1652 8 місяців тому +1

    Thanks for tutorial bro 👍

  • @ningguangleaks2001
    @ningguangleaks2001 Рік тому

    part 3 please for authentication

  • @ningguangleaks2001
    @ningguangleaks2001 Рік тому +1

    Part 3 pls :D

  • @bengulurisamuelsajeevpraka1281
    @bengulurisamuelsajeevpraka1281 4 місяці тому

    how to import i don't understand

  • @user-ii6nc9xr2d
    @user-ii6nc9xr2d 6 місяців тому

    man.. I can not get the thing to give me suggestions.. i have to write all by hand.. help :S

  • @guruprasath1673
    @guruprasath1673 6 місяців тому +2

    bro i got a error
    Exception has occurred.
    PlatformException (PlatformException(null-error, Host platform returned null value for non-null return value., null, null))

    • @codingxtalk
      @codingxtalk  6 місяців тому

      Your firebase is not connected to the flutter app make it correct. The error will be fixed.

  • @azaglowilliam6072
    @azaglowilliam6072 9 місяців тому +2

    i used your tutorial to create my firebase app but i get an error that says no firebase app has been created

    • @codingxtalk
      @codingxtalk  9 місяців тому

      Re check when you're adding the script of gms:google info

  • @eminarifbilgen
    @eminarifbilgen 4 місяці тому

    I don"t no why but when I try to build authentication I always get an error from java and kotlin error how can I fix it or which version should I use

    • @codingxtalk
      @codingxtalk  4 місяці тому

      In the Android studio open your gradle file and open it in new android studio it'll update all of your gradle and the required recourses

  • @tavvasrivenkatasrinivas4609
    @tavvasrivenkatasrinivas4609 5 місяців тому

    Whenever I am trying to authenticate using fire base I am getting beginning of crash , It is not displaying any screen also when I run this app could please help me

    • @codingxtalk
      @codingxtalk  5 місяців тому

      Can you share the run log with me what's happening there. Based on that i can help you.

  • @rashidiqbal5346
    @rashidiqbal5346 8 місяців тому

    bro your videos are great but you are not trying to tell and make us understand that why you are puting these lines here. for example you didnt tell us why you put child in navigator to login screen. i am lost

  • @user-dc6xx5bm9g
    @user-dc6xx5bm9g 4 місяці тому

    What are you using to cause and where is the firrbase folder found

    • @codingxtalk
      @codingxtalk  4 місяці тому

      Can you please explain it little bit

  • @evezaiyehfamor9425
    @evezaiyehfamor9425 8 місяців тому +1

    Is this still the same process as in Visual Studio Code?

  • @BrayanMalova
    @BrayanMalova 11 днів тому

    * What went wrong:
    A problem occurred evaluating root project 'android'.
    > Could not find method plugins() for arguments [build_1nrljgg6d2ub2b8hn6sweoofp$_run_closure1$_closure6@19180ed4] on root project 'android' of type org.gradle.api.Project.

  • @memo8435
    @memo8435 5 місяців тому

    Hi can anyone please tell me how to get this form_container_widget file automatically

    • @codingxtalk
      @codingxtalk  5 місяців тому +1

      The Form container widget is not built in it's separate widget that i created manually using container and FormField widget.

  • @minji9212
    @minji9212 2 місяці тому

    in the FormContainerWidget, what was supposed to be after this line?
    widget.isPasswordField == true? Icon(_obscureText ? Icons.visibility_off : Icons.visibility, color: _obscureText == false ? Colors.blue: Colors.grey) : ????

  • @faheemahmad3957
    @faheemahmad3957 Рік тому

    why r u still using 2020 like syntax for fluttter 2023??

    • @codingxtalk
      @codingxtalk  Рік тому

      The syntax doesn't change 😀. But if you talk about the style i like this.

  • @harshalekhande6586
    @harshalekhande6586 7 місяців тому

    I'm getting hide/show text icon on my email textfield, any suggestions?

    • @codingxtalk
      @codingxtalk  7 місяців тому

      You'll see the isPassword boolean make it false

    • @harshalekhande6586
      @harshalekhande6586 7 місяців тому

      No bro, it's already set to false and though it's not working

    • @farahtouma3709
      @farahtouma3709 4 місяці тому

      icon: widget.ispass?Icon(widget._obscureText?Icons.visibility:Icons.visibility_off):SizedBox()

  • @moezemad5440
    @moezemad5440 11 місяців тому +1

    10:12 what is the last word at this line

    • @codingxtalk
      @codingxtalk  11 місяців тому

      At this point we're manipulating colors and icons with the help of condition watch it again you'll get better understanding

  • @user-ii6nc9xr2d
    @user-ii6nc9xr2d 6 місяців тому +1

    Honestly, this is not for beginners.. you click super fast and you have a bunch of suggestions pooping up .. are you trying to impress someone?

  • @mm-ep8qm
    @mm-ep8qm Рік тому

    next video please

  • @faheemahmad3957
    @faheemahmad3957 Рік тому +1

    Brother u wasted too much time on UI, u should have just told us about password field Ui and then simple and simple elevated button...please upload next vidoes

  • @amiermanamba8186
    @amiermanamba8186 10 місяців тому +1

    Pleaseeee continue this series bro