Build a Fully Responsive Modern Login UI with Flutter

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

КОМЕНТАРІ • 80

  • @mayursmahajan
    @mayursmahajan 2 роки тому +16

    We would love to see more UI and specially responsive UI videos

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

      Thanks for letting me know Mayur! More to come for sure!

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

      @@RivaanRanawat please do flutter twitter Clone video

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

      @@magento3114 👀

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

    Thanks, bro for contributing to the flutter community ❤️

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

    on fire this month 🔥🔥🔥🔥🔥🔥🔥🔥

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

    Pyaar he Pyaar ❤️

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

    It did take 3 hours for me to finish it😂 , a balance of fun and frustrating , the result is what made everything worth it.
    Issues faced: my browser/device wasn't showing the svg icons after 3-4 restarts it did , this is where I wasted my 1h , rest in setting proper height and width , also setting gradient to icons as well and the whole project.

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

    You are doing Great!!
    Keep it Up

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

    Thanks for sharing your knowledge bro...
    Running Successfully
    Stay blessed❤

  • @ansh_nx
    @ansh_nx Рік тому +2

    Brother, from where did you learn Flutter, please tell me ?

  • @onurs.594
    @onurs.594 2 роки тому +2

    That was issue for me, when i use mediaquery its not work for really small phones. I tried getting phone pixels and try it but didnt work also i tried getting size and didnt work (of course i use expanded or scrollview) but i wonder why you didn't use mediaquery and give some random numbers? Every single developer says "use mediaquery".

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

      Haven't used MediaQuery here as there's no big sizes to be concerned about. For instance, the button size should remain the same irrespective of whether it is used on something like a PC or mobile. If I use MediaQuery for it, it will look shabby with bad UX. The button might look small on Mobile and good on PC. It's not a compulsory rule to use MediaQuery. Imo, It should be used when it's for sizes that matters, like if we have admin panel and want cards to be displayed. The cards' sizes will shrink as the screen gets smaller and smaller. I hope you're getting my point. Next Responsive UI might be on Admin Dashboard. Things might get clearer there as I'll use MediaQuery/ LayoutBuilder.

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 2 роки тому +1

    Awesome tutorial.
    Is it possible to make a video on using single routing / navigation for both app and web?

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

    Bro can you create a video about ui design tips what should I check when I create a ui

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

    Your videos is too good❤

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

    Scrolling on Chrome text box is scrolling down
    How to fix this problem

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

    thanks i love your videos bro!

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

    What type of database did you use in this tutorial for example sqlLite or firebase?

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

    quick question bro great video can i use this UI to add to it a backend and make it a login page for my app? is it possible

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

    Hey i am new to flutter. I have a doubt bro. For building responsive website i am using layout builder with future builder but my future builder is calling everytime when I resize. How should i do this and what else is the approach

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

    Amazing video

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

    Followed tutorial from start to the end replicating everything but at the end, my design isn't responsive on browser resize 😅 may be i missed something. This is my fourth day learning flutter from android java development. Majority of systaxes are similar to java so i have no much problems mastering the code. I will need two more days of practice and I launch my first professional app in flutter

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

    Why 'or' text is white color?

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

    How to change Text field inputed text color

  • @szyszak9424
    @szyszak9424 Рік тому +2

    I looking forward to telegram flutter clone :D

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

      We already have WhatsApp Clone published on the channel!

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

    Can you do a cargo project or a full project?

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

    Interesting video, but what's with the password-field?
    The characters are not encrypted

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

      Ah, good catch! You can use `obscureText: true` to make the password field encrypted.

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

    Great video man. Okay so i created this following your video. Now i want to create the dashboard and other pages also. I want to know how do you get the images from the dribbble designs?? Like the image in the asset folder. How to get that image from the dribbble design? I want the other bg images but I don't know how to. Can you help?

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

      I'm not sure. I asked the owner of the Dribbble design for permissions to use his design and he was very kind to send the assets as well.

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

    Thanks a lot for this video
    Could you guide me to get more svg files for flutter like logo for instagram and all?

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

      Install the Svg Grabber Chrome Extension. It will get you all the svgs for a webpage!

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

      Thanks a lot

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

    Awesome!

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

    Do you have any plane to make this a working login form?

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

      you can do that easily with firebase and be already got a video about all the login methods

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

      @@youngapolIo I know we can do it by firebase either node js and mongo db but I commented because of those who are beginner.

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

      Hmm, what do you want me to cover in that video? As Matt said, I think you can combine both of these videos to have a working Login Section.

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

    Which text editor you're using here?

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

    👍👍 Very Good

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

    Thank you bhaiya

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

    Bro please make a home services app with backend..
    Love from Bangladesh 🇧🇩

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

    Bro plz make more vedios on responsiveness

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

    A W E S O M E !

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

    Rivaan

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

    look cool

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

    How this can be “responsive” ??!

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

    Please upload twitter Clone video

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

      Have it in line, will be out very soon.

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

    thanks sir

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

    Cool!!!!!

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

    please do full time youtube!

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

      Haha, thank you so much Faheem! More to come!

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

    helpfull

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

    And ui