Login Page - Complete E-Commerce App Flutter UI - Ep 2 - Speed Code

Поділитися
Вставка
  • Опубліковано 19 гру 2024

КОМЕНТАРІ • 225

  • @carsonWyf
    @carsonWyf 4 роки тому +20

    just started working and my boss wants me to develop an app for a project in flutter ( which I am new to), your videos are just right on time. THIS is awesome!

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +3

      Glad I could help!

    • @techzone2009
      @techzone2009 4 роки тому +1

      I have skill in programming but unemployed 😭😭😭

    • @watdatu876
      @watdatu876 3 роки тому

      @@techzone2009 "Be so good that they can't ignore you"

  • @arv1303
    @arv1303 3 роки тому +7

    for those who don't understand why title isn't located on center in 3:35, you can give "centerTitle:true" on sign_in_screen.dart
    appBar: AppBar(title: Text("Sign in"),centerTitle: true,)

  • @ahoussimea7164
    @ahoussimea7164 3 роки тому +2

    Im becoming flutter expert thanks to you. Really love what u do end how u keep things simple and clean. Keep it

  • @dilshan3372
    @dilshan3372 4 роки тому +1

    Directory Structure, size_config and the way you layout the screen are very helpful for learn flutter.
    Thank you so much for sharing this.

  • @gilmcglory3748
    @gilmcglory3748 4 роки тому +1

    I agree with all the previous comments. Your video tutorials are the best. I have already subscribed and will continue to watch and wait for all of your great work. Thanks so much.

  • @jakubpatrik2326
    @jakubpatrik2326 4 роки тому +2

    I'm about to start my Flutter Developer job just tomorrow and I find these videos extremely helpful when doing design and all this nice stuff :) Cheers man, keep doing the great work

  • @nathandowner6007
    @nathandowner6007 4 роки тому +10

    Absolutely love this series, and this channel. I'm learning so much about how to keep my flutter projects cleaner and more maintainable. I love it!

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Great to hear!

    • @edwindorian4715
      @edwindorian4715 3 роки тому

      I guess Im asking randomly but does someone know a method to get back into an instagram account..?
      I somehow lost the login password. I appreciate any tricks you can offer me.

    • @jordandarian4105
      @jordandarian4105 3 роки тому

      @Edwin Dorian Instablaster ;)

    • @edwindorian4715
      @edwindorian4715 3 роки тому

      @Jordan Darian i really appreciate your reply. I got to the site on google and I'm waiting for the hacking stuff atm.
      Looks like it's gonna take quite some time so I will get back to you later when my account password hopefully is recovered.

    • @edwindorian4715
      @edwindorian4715 3 роки тому

      @Jordan Darian it did the trick and I actually got access to my account again. Im so happy!
      Thank you so much you really help me out!

  • @hafizibrohim599
    @hafizibrohim599 3 роки тому +1

    I am learning from you how to do clean code. Thanks, very useful

  • @jinuem
    @jinuem 4 роки тому +13

    After Netflix, I wish I will binge watch this Flutter App Episodes :D

  • @biancasanches6097
    @biancasanches6097 4 роки тому +1

    The best Flutter channel i've ever seen! Thank's for sharing.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Thank you so much, it means a lot 🤗

  • @blacksharkgamingtv
    @blacksharkgamingtv 4 роки тому +1

    Je ne regrette pas de m'avoir abonné à cette chaîne...

  • @nirjanmunshi9334
    @nirjanmunshi9334 3 роки тому

    Just darun... Kono kotha hobe na boss.. love you

  • @gaganjindal2123
    @gaganjindal2123 4 роки тому +4

    Bro u deserve way more views 🙂 great work man, I'll share as much as possible

  • @denilsoncosta9837
    @denilsoncosta9837 4 роки тому +7

    I really like the way you structured the code, and de size_config file hepls a lot.

  • @akshaypawle
    @akshaypawle 4 роки тому +3

    I m always eagerly waiting for your new video

  • @milkyomer61
    @milkyomer61 4 роки тому +1

    Thanks bro. Really appreciate it. Your code structuring is amazing. with your structure It will be really easy to maintain it in the future.

  • @devarshbhatt5612
    @devarshbhatt5612 4 роки тому +1

    Watching speedcode at 60fps is love

  • @petersvictor1141
    @petersvictor1141 4 роки тому +4

    I have watched alll your videos and you've inspired my love for flutter
    Plesse when will you you start teaching functionalities like state management, firebaseq etc
    I cant wait

  • @pghilardi
    @pghilardi 3 роки тому +3

    This is amazing! The code is well structured!

  • @odiadeveloper
    @odiadeveloper 3 роки тому

    Absolutely love this series and this channel. Great Content. Nice Coding.

  • @tommyeagen3763
    @tommyeagen3763 4 роки тому +1

    i really enjoyed the first episode now there’s more i’m a lucky man i guess

  • @cyyan1139
    @cyyan1139 4 роки тому +1

    This is the best flutter video I have ever seen

  • @mobile_gamer-vaibhav
    @mobile_gamer-vaibhav 3 роки тому +1

    Absolutely loving the content and learning a lot. Great Work.

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому

      Thank you so much. Keep supporting my channel 😃

  • @AhmadM-on-Google
    @AhmadM-on-Google 4 роки тому +1

    this video has better design than the apps

  • @mohammedrizwan8123
    @mohammedrizwan8123 4 роки тому

    Thank you for making such amazing videos... I have learnt a lot from your videos..🙌

  • @apezcodes704
    @apezcodes704 3 роки тому +1

    i love this guy ui, thanks for the ui

  • @chummyigbo8844
    @chummyigbo8844 3 роки тому

    I wish i could give a million likes on these videos. Thank you

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому +1

      Thank you 💖. Keep supporting my channel.

  • @quangvo402
    @quangvo402 4 роки тому +1

    Such a great video! So when will the next videos be released? I am so excited to see them. Thanks for your endeavors

  • @skzulka
    @skzulka 4 роки тому +1

    You are amazing man! Thank you for all the video 🤝

  • @g-luu
    @g-luu 4 роки тому +2

    I would love to see your design process as well.

  • @redietzewdu5349
    @redietzewdu5349 3 роки тому

    Great Video and for those of you who dislike this video! Shame!

  • @arnabkumarsaha3104
    @arnabkumarsaha3104 4 роки тому +2

    Last 5 days, waiting for your video. Will you please do a live streaming, so that we can ask our doubts?

  • @mimk5338
    @mimk5338 2 роки тому +2

    friend, the size config is not working, it's just "LateInitializationError:Field'screenWidth' has not been initalized.

  • @MOULIEC109
    @MOULIEC109 4 роки тому

    As u said it is very clean and neat ui awesome.... How many episodes?

  • @hactam7358
    @hactam7358 4 роки тому +1

    Thank you very much for your helpful videos. But when do you extract a (build) method and when do you extract a widget?

  • @youcef659
    @youcef659 4 роки тому +1

    Hi, first of all i wanna thank you for this amazing videos, wish you all the best in the future
    I have a question: how can i organize my code (separting login from ui), more meaning how do i choose the architecture for my flutter app ?
    thank you in advance.

  • @gameload1246
    @gameload1246 3 роки тому

    @The Flutter Way .. Hi, I found a major bug in this 2nd video. In the login screen, if we leave the email & pwd fields empty but keep tapping the login button. 1st 2 taps will show the intended error messages for Null & Invalid inputs, but 3rd Tap will take us to the login success page without even any login credentials !! 😰 Which doesn't make any sense tbh.
    I tried to solve it, but couldn't. I haven't watched vid 3 to 7 yet, hoping to find it fixed in there. But in case it wasn't solved there, it would be great if you could give a small update video where it gets fixed.... Thanks ☺️ awesome tutorial series!!! Keep up the good work!

  • @HuyTao-7763
    @HuyTao-7763 11 місяців тому

    hi, i wanna add firebase authentication and i don't know what to replace on your project, can you help me with that?

  • @dattran-uz9ms
    @dattran-uz9ms 8 місяців тому

    Hello, can I ask, how does the routes file work? Can you explain it to me specifically? Thank you very much

  • @tasim7002
    @tasim7002 4 роки тому +2

    wow! Great work. Appreciated.

  • @Chris-mr8qm
    @Chris-mr8qm 4 роки тому

    Hello very nice video, where do you go your splash pictures that appears before the login screen?

  • @malikvalley
    @malikvalley 4 роки тому

    Hi, thanks for video. Can you tell me please how you learned it all? Which materials you used?

  • @minigeek
    @minigeek 4 роки тому +3

    In the end..will you connect with firebase please

  • @aleckabedkudawoo367
    @aleckabedkudawoo367 4 роки тому

    Hi ! nice your work. Awesome . Can i know how you have done your app intro on the phone at your video begining? thanks

  • @ferhataksoy1851
    @ferhataksoy1851 4 роки тому +1

    32:43 can you make video about how you are designing your apps

  • @紹安-t3z
    @紹安-t3z 4 роки тому +1

    Which one VScode flutter extenion you choose~?!

  • @prince-sonawane
    @prince-sonawane 4 роки тому

    I was checking the repo for the project and got one question for you. many times we don't have a ui fixed or layout as we don't have a designer and might be asked to take reference from a live app. so how to decide the layout width and height that designer use for the getProportionateScreenHeight() or getProportionateScreenWidth() ?

  • @anhnt38
    @anhnt38 4 роки тому

    Awesome video thanks. Do you have an idea when this ecom app UI will be fully completed?

  • @informativez
    @informativez 4 роки тому

    31:00 after validation return""; the validation works but if you press Continue button 3 times, it goes to login success screen, please have a look and someone suggest a solution

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      please use form_field_validator package

  • @KaushikRao
    @KaushikRao 4 роки тому

    Once again, the best series ever you chose to in the right time for many developers.. :)
    One small request. I read that using the GlobalKey would be costly in terms of performance. Please correct me if I am wrong.
    Also, do you have any plans to make use of Stacked library [Earlier Provider Library] and use ViewModels? I mean I never worked on Forms and not sure if I can use ViewModel for form. I am trying it parallelly. Please let us know if you can try that too and have a ViewModel based architecture. :)

  • @ColdStoneBoy
    @ColdStoneBoy 4 роки тому +1

    Always like your video.

  • @AzzamAlHadiq
    @AzzamAlHadiq 3 роки тому

    why using SizedBox() for adding space not Spacer() like in your previous video (splash screen)? is it have a different effect? Thanks for answer :)

  • @avicinaraka7777
    @avicinaraka7777 4 роки тому

    Why when I click "Continue" to the new screen , it says error "Could not find a generator for route RouteSettings("/sign_in", null) in the _WidgetsAppState. "

  • @aymanalsaghbini8472
    @aymanalsaghbini8472 3 роки тому

    good job , you deserve support

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому +1

      Thank you soo much, keep supporting my channel 😊

  • @DikshantNamdeo
    @DikshantNamdeo 4 роки тому

    Hey, can you pleeeeeeeeease tell how you create the intro like 0:00 to 1:29 ? I'm a small developer and you always inspire me to make some awesome apps like you.

  • @igormelo8245
    @igormelo8245 4 роки тому

    Great Job!! but is so hard navigate with named routes and use custom page animations(if possible teach) :)

  • @tulgarcemgungor7275
    @tulgarcemgungor7275 3 роки тому

    Your code is very clean and regular. I love your video very well. Just I'm wondering, where do you find this music? Musics are amazing. Can you write the Musics name under the your videos?

  • @TorreInformativa
    @TorreInformativa 4 роки тому

    Thanks for sharing your knowledge, could you tell me which plugin you use so that the dotted lines appear. :3

  • @Alfred7882
    @Alfred7882 3 роки тому

    Really wonderful coding. Well shown !
    As i am new in Flutter coding, i'm facing an issue following your steps as shown in this second step.
    My problem is : when i press the "Continue" button, the "Sign in" screen doens't appear.
    It will be very helpful to get some advice from you.
    thanks !

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому +1

      Check this,
      flutter.dev/docs/cookbook/navigation/navigation-basics

    • @Alfred7882
      @Alfred7882 3 роки тому

      @@TheFlutterWay Thanks ! I fix it ! then i continue learning.

  • @hatimus
    @hatimus 3 роки тому

    I know it might not be the right place and that it could slip your attention, but I wonder why would you group all error messages together after their corresponding TextFormField? Is it possible to edit form_error.dart and complete_profile.dart to reflect this change? Or why not in the TextField itself (for example, if the first name is not entered, the error is shown in the first name text field itself) this will save precious screen real estate.

  • @osarugueenehizena8845
    @osarugueenehizena8845 3 роки тому

    What's the title of background music?

  • @jakefrazier1
    @jakefrazier1 4 роки тому

    Hi what you doing there in this intro is exactly what I'm trying to do. I can't seem to get the video and the phone frame to look perfect. Could you help me in telling me what you used to achieve this?

  • @firmanfirdaus8110
    @firmanfirdaus8110 4 роки тому

    I tried to run on the Android simulator, the "success" screen displayed not in the center. Do you know any idea regarding this?

  • @bto0alharby
    @bto0alharby 4 роки тому

    Really great video!!
    Can i ask what k means in kPrimaryColor and other constants?

  • @jadhavAkshay0701
    @jadhavAkshay0701 4 роки тому

    Which software do you use to make intro of this video ? , Could you make one tutorial for intro video ?

  • @mrdarkilya
    @mrdarkilya 4 роки тому

    What is the song that plays at the beginning of the video?

  • @adetyogemilang1219
    @adetyogemilang1219 4 роки тому

    I'm so excited to practice flutter ! Thanks for the video , :D
    why is my back's icon and align for sign-in page title different? My app bar settings already same

    • @FadiChaalab
      @FadiChaalab 4 роки тому

      Because Ios and Android has different Back icon and for aligning the title just put centerTitle to true :)

  • @danielraducu4784
    @danielraducu4784 4 роки тому

    nice videos man, can you do a tutorial on how to make an audio player with notification control?

  • @sai6493
    @sai6493 3 роки тому

    HEllo, i would like to know where do you get your icons? thank you

  • @mohammedbettaoui
    @mohammedbettaoui 3 роки тому

    Hi i really appreciate your work, however there is something changed in the lasts updates on Flutter & Dart, and i'm facing a lot of issues right now with Building your fancy UI . . .
    Please if you have a little time i want to ask some questions if you want . . . thank you

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому +1

      Yes, please.

    • @mohammedbettaoui
      @mohammedbettaoui 3 роки тому

      @@TheFlutterWay Thank you , despite the normal changes in the current updates like versionning or From Raised Button to Elevated Button, i 've met some issues with navigation between screens but for this issues i have found .addPostFrameCallback to fix it but know i'm really have a silent problem the splash screen in this project navigate it self without clicking the button in the splash screen & the Arrow back button is the disappear (vanished) ... please if you have a messenging account in a social media or a server in Discord can you share it to contact you and thank you again for replying . . .

  • @sauravkumargupta2594
    @sauravkumargupta2594 3 роки тому

    Hey please tell me how did you get those images? It's really awesome, did you make your own or there is any resource?

  • @edimalok4707
    @edimalok4707 3 роки тому

    I tried running your project on my vs code but i kept getting an error... can help with that?

    • @TheFlutterWay
      @TheFlutterWay  3 роки тому

      What kind of error 🤔

    • @edimalok4707
      @edimalok4707 3 роки тому

      @@TheFlutterWay I already fixed it... the error was because of the flutter_svg package being obsolete.. So, i updated the package to the latest version... thanks for your work

  • @Filiponesco
    @Filiponesco 4 роки тому

    What software are you using to present your application at the beginning of your movies?

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

    Hi how to skip login page or add skip button or move to next page in you source code

  • @ClannishDragon6
    @ClannishDragon6 4 роки тому

    Awesome video, what is the song of the intro?

  • @Sporting-Daily
    @Sporting-Daily 4 роки тому

    why don't you use firebase to store user. I don't see you connect to firebase . How do you use firebase _Auth

  • @muhammedamin5071
    @muhammedamin5071 4 роки тому

    I want to know how to preview the app in this way (like in the intro of the tutriol)

  • @jenilzadafiya
    @jenilzadafiya 3 роки тому

    make an video with firebase login and signup implementation in this project.

  • @kerimamanov7760
    @kerimamanov7760 4 роки тому

    Thank you Abu Anwar!!!

  • @CRIPTOSYAPPS
    @CRIPTOSYAPPS 4 роки тому +1

    Excelente Video Bro, saludos

  • @berkecankalyon5431
    @berkecankalyon5431 4 роки тому

    Hi
    The intro looks great. How do you prepare it ?

  • @supernova6553
    @supernova6553 3 роки тому

    how do you get the tree line in vs code?

  • @padamthapa9877
    @padamthapa9877 4 роки тому

    When i click continue button two times in the sign in page , it opens login sucess page without validating and empty box. why?

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      Thanks for informing latest commit fix this issue, please check source code

  • @Dabayare
    @Dabayare 4 роки тому

    How could I make VS insert those automatic comments after closing brackets?

  • @C_Anicom-pw1py
    @C_Anicom-pw1py Рік тому

    please can i get where you downloaded the svg files

  • @xcoder5795
    @xcoder5795 2 роки тому

    Is there any desing file for figma or something else ?.

  • @xdvaqer6173
    @xdvaqer6173 4 роки тому

    would've been better if u had done the authentication as well mate. Anyways good videos

  • @arukigaming2621
    @arukigaming2621 2 роки тому

    I got an error when trying to apply the getProportionateScreenWidth() from size_config.dart, how can I fix this?

  • @MrMrchan1997
    @MrMrchan1997 4 роки тому

    THE ARM MACBOOK CAN operate the flutter well?

  • @nicholasongqunxiang382
    @nicholasongqunxiang382 3 роки тому

    I encountered an issue with your forget password screen, you went to create on the sign up screen.

  • @kevinpfeil4713
    @kevinpfeil4713 3 роки тому

    How do you cut the intro

  • @worldlegends1942
    @worldlegends1942 2 роки тому

    LateError (LateInitializationError: Field 'screenWidth' has not been initialized) help please

    • @berkatakol3325
      @berkatakol3325 2 роки тому

      Hello my friend.
      Can you find a solve ? I tried this tutorial on my app but i receive same error.
      Thank you.

    • @TheFlutterWay
      @TheFlutterWay  2 роки тому +1

      it shows because you are not calling SizeConfig.init(context), on first screen that load for your app.
      Make sure you call it on initState.

  • @danishdarren1179
    @danishdarren1179 4 роки тому

    hey! where did u get those svg icons

  • @deepakvaishnav9780
    @deepakvaishnav9780 4 роки тому

    You didn't add end screen. Video and chennal icon...

  • @manurajput8421
    @manurajput8421 4 роки тому

    how to add different icon in different page in flutter please help me here is code i remove right arrow in the ep :2
    import 'package:flutter/material.dart';
    class Body extends StatefulWidget {
    @override
    _BodyState createState() => _BodyState();
    }
    class _BodyState extends State {
    @override
    Widget build(BuildContext context) {
    return ListView(
    children: [Text('one')],
    );
    }
    }

  • @siddharthmundra1895
    @siddharthmundra1895 3 роки тому

    Does anyone know how to connect this to the firebase?

  • @yeldarmerkaziyev8575
    @yeldarmerkaziyev8575 4 роки тому

    Could you, please, upload the design (all screens), too? Would be very useful

  • @muhammadumernaeem931
    @muhammadumernaeem931 3 роки тому

    does this have a backend?

  • @apezcodes704
    @apezcodes704 3 роки тому

    can we also get chatapp ui

  • @pierre-paulamoussou6468
    @pierre-paulamoussou6468 4 роки тому +1

    Thanks 🙂