Welcome, Login, Signup Page - Flutter UI - Speed Code

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

КОМЕНТАРІ • 674

  • @dreyfiferreira7753
    @dreyfiferreira7753 4 роки тому +43

    I watched in tears. Great job, congratulations.

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

    This guy is a life save when you have a project but you dont know how to implement beautiful UI. Keep it up mate!

  • @mrafayshams3089
    @mrafayshams3089 3 роки тому +10

    It truly feels like you’re watching a performance! Massive kudos!

  • @bhupeshpattanaik7150
    @bhupeshpattanaik7150 3 роки тому +16

    The intro section was insane , that 3d phone .... Super editing and graphic designing skills

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

      Thanks a ton

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

      He didn't make the intro, he used a software.

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

      What is the software used in the intro section, please tell

  • @kaveee971
    @kaveee971 3 роки тому +6

    You are not just a developer, you are a true artist man!

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

    Thank you so much, i have a personal project in Flutter and i'm not so good with UI, your work is very cool and look like a professional app.

  • @kapildevneupane8072
    @kapildevneupane8072 4 роки тому +58

    Thanks for including such a beautiful piece of music with such a beautiful code. I feel inspired and refreshed!

  • @sonalithakker6517
    @sonalithakker6517 4 роки тому +14

    Thank you so much, sir, very nice design and coding with no errors, it took me long to understand and code along with you (6-7 hrs) as I was not that familiar with Dart or flutter. But then too I did it.

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

    Thank you so much for sharing this. This is by far the best video ever on flutter for me. Your video got me started with flutter and I couldn't have asked for a better start.

  • @mikestav
    @mikestav 4 роки тому +17

    Thank you for making this content, I'm thinking on getting into flutter and app development in general and this helped a lot! :D

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

      Happy to hear that!

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

      ua-cam.com/video/nCERiWVsNi4/v-deo.html

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

      @@yaqoob_developer Thanks, make some videos on customPaint and canvas please.

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

      @@GoToMan Okay next update

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

      @@yaqoob_developer looking forward

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

    Came for code, got a new perspective on life by 4:22.

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

    Thanks for sharing, it took me almost 18 hours + 11 cup coffee to do the same job as you did in 24 minutes :D great job, please keep up the good work.

  • @RamKumar-zf5cl
    @RamKumar-zf5cl 4 роки тому +5

    Seriously superb😀😀 it's looks like a 25mins of magic show 😀😀

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

    This will be a big help for me. I learned a lot. The way you arrange everything, the techniques, everything. Inspired me a lot. Thanks a lot. Thanks for this video.

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

    That UI was something unparalleled! Keep up the great work 👍

  • @pranjalchaplot9783
    @pranjalchaplot9783 3 роки тому +25

    for making the eye (visibility) button work we need to make the 'rounded_password_field' class stateful instead of stateless for changing it's state when someone clicks on the button and obscure text converts into normal text and vice versa.

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

      ua-cam.com/video/stqgFNQXvB4/v-deo.html

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

    This is cool! Seems flutter solves a lot of problems that I don't like with android UI programming. Can't wait to try it out

  • @ucokbunok9763
    @ucokbunok9763 4 роки тому +25

    That’s inspired me, dude! Thank a lot! ♥️

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

      Glad to hear it!

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

      @@TheFlutterWay sir when i have run flutter app in emulator,it runs correctly .when i see a emulator the app size is 97 mb,the app size is large .i have doubt if i use flutter for my project app size it would bigger ,
      how to use flutter to develop big project

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

    There is a lot to learn and you make everything easy. Inspiring and great content. and sometimes I just play again to listen the relaxing music.. thanks

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

    Man! . your way of content delivery in superb.... feeling enlightened.

  • @포코월리
    @포코월리 4 роки тому +6

    wow, this is just amazing! thanks for sharing and keep it up the good work! :)

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

    I slept on middle of video, thx for this asmr code

  • @lesliechiu1437
    @lesliechiu1437 4 роки тому +6

    I've learned a lot from your video, thank you, dude.

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

    This video should be watch with an expensive glass of wine

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

    Thank you so much, sir, very nice design and coding with no errors, it took me long to understand and code along with you (6-10 hrs) as I was not that familiar with Dart or flutter. But then too I did it. sir you are motivational

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

      Congratulations 🎉
      Keep it up, best wishes for you!

  • @user-ej4dm2xq6q
    @user-ej4dm2xq6q 4 роки тому +3

    This is very therapeutic. Thank you.

  • @YogeshPateliOS
    @YogeshPateliOS 4 роки тому +8

    Hands Down 🙌 . This tutorial is beyond my imagination. You are truly a life saviour. I wonder how you get that Icon means SVG. Can you please share some sites or tips for it. Thanks, Mate!

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

    7:18 When I clicked the sign in button it doesn't worked as in the video

  • @priyanshu5437
    @priyanshu5437 4 роки тому +6

    I have also taken the online flutter course after sometime I'll also try my hands in andriod development and try to learn flutter😊

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

    Amazing work! I learned a lot through your video!

  • @ЮлияПоступинская
    @ЮлияПоступинская 4 роки тому +7

    Невероятно круто!!! Спасибо!!!!) //
    Incredibly cool !!! Thank !!!!)

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

    Totally inspired by the beautiful user interface of user login page application

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

    Good job bro. great content!

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

    I felt asleep in 2 minutes thnxx! 😊

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

    thanks for video this content helped me to understand flutter in general.

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

    Tu codigo lo organizas de un modo unico felicidades amigo, soy un fiel seguidor tuyo

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

    Your videos always hype me up. Where do you find your designs and assets? Great video as always.

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

      my UI designer provide me those

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

      @@TheFlutterWay Props to your UI designer. Tell him those are some slick designs.
      Also are they open source, can we use it for personal projects??

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

    Good job! Thanks great video and epic songs ;-)

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

    Could you please share how does your IDE displays dashed line correspondence of child components to their parent, i.e.at 4:46, a dashed line links Text, SvgPicture and FlatButton to the child parent. How do I achieve to display such view in my VS Code?

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

    Guao, es increíble lo bien que queda, felicitaciones.
    Estoy comenzando en el mundo de Flutter, y ver tus videos me motiva mucho, muchas gracias. ❤✌
    Me gustaría saber que tiempo tienes usando Flutter.

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

      ua-cam.com/video/stqgFNQXvB4/v-deo.html

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

    Your work is truly amazing!!! Please try to make detailed videos as well so that beginners like me can follow

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

      ua-cam.com/video/stqgFNQXvB4/v-deo.html

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

    So clean. Thank a lot bro.

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

    Nice Video! Where do you make the image assets or get them? If you make them can you show a tutorial to do it?

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

    Thanks for sharing such a beautiful and clean code.

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

      Hey! You should definately check this ua-cam.com/video/hRStAmkTcJY/v-deo.html

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

    Thank you very much. Can I know how to get more images and the sizes?

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

    Thanks for sharing it was very helpful.
    I have a question, how when tapping on the social icons will show the website or open the respective app?

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

    I got an error " The library '' is legacy, and should not be imported into a null safe library." at import 'package:flutter_svg/svg.dart'; line and solved like this:
    1- Launch cmd at the directory where your project is in.
    2- type "dart pub outdated --mode=null-safety" without quotation marks
    3- then type "dart pub upgrade --null-safety" without quotation marks again
    I hope it will be useful.

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

    I m coming back... M definitely coming back... I just started learning it..and now my goal is to build like this...u earned a subs 😘

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

      Thanks, just keep trying, one day you will be better then me👍

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

    Thanks so much. This channel is wonderful. Please where did you get the images from?

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

      Glad you like it, My UI designer provide me those

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

    I'm amazed with your skills and creativity, by the way where did you get those images/icons?😍

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

    Thank you so much sir. Wonderful tutorial. Since there is no license in the github, I was wondering if I could build my app based on your code?

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

    the background music makes me more sleepy than learning flutter

  • @gilbertwijaya5063
    @gilbertwijaya5063 4 роки тому +6

    Great Design, Easy to Understand. Thanks for the step-by-step.
    Btw, can u tell me what extension that use in vscode? i think some of them really helpful.
    Once again, thank you!

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

    Thank you. I liked the or divider

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

    can u tell me the difference between rounded field and text field that you built? and why u didn't used only 1 for both email and pass in login screen

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

      RoundedField have the design that I need and I created my RoundedField from text field.
      yeah you can use same RoundedField for password as well then you need to modify it a little. And I think it's good to use RoundedField for both email and pass

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

    Thanks really helpful dude!

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

    Thanks a lot, Really awesome one 👌👌👌

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

    Thank you for the lesson. What program did you use when demonstrating UI?(on white background)

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

      None, actually normal photo viewer

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

      Wow, it's a pretty view. Good luck and I will be waiting for the new tutorials.

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

    Hi ! What extension/settings are you using to see the widget tree ? ( those vertical bars ) Thank you !

  • @anshpathania1816
    @anshpathania1816 4 роки тому +5

    Wow, mesmerizing ui and code bro ❤️, btw are you hot reloading every time after writing code?

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

      Thanks 😊, actually I just turn auto save on

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

    Designing was awesome. If you don't mind could I know just know where do I get those svg images

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

    I'm very glad if you add subtitle. Thanks

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

    Master, thanks for your video, really help me a lot...
    but... I can't run my aplication after import ↓
    import 'package:flutter_svg/flutter_svg.dart';
    The VisualCode said that it is unsafety library... How Can I resolved this ?

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

    Nice work! can you please tell me where i can find images like you used ?

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

    It's a good one.
    I noticed in your video there are 5 sections. I can recognize this section in the seek bar. Is it a UA-cam feature? How could you manage to do this? Could you suggest me please?

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

      Check my description, added Timestamps for that

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

      @@TheFlutterWay Thanks a lot :D

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

    Where can I find images like these?

  • @VishalSingh-rt6tj
    @VishalSingh-rt6tj 4 роки тому +1

    can you me tell how you did make the first part of your video of app intro please !!!!!

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

    Man.. this is awesome.. thumbs up 👍

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

    that is very nice. Thanks a lot. And what are the vscode plugin you use?

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

      Thanks, I'm using Bracket Pair Colorizer

  • @truongkoo
    @truongkoo 4 роки тому +29

    That's great video. But the music makes me feel asleep.

  • @Sam-es5oc
    @Sam-es5oc 4 роки тому +5

    Really love your videos ❤
    Btw, could you tell me where to get those assets?

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

    Simple and efficient thank you~

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

    Great Design! Thanks alot. bro!

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

    4:55 timing "FlatButton" not showing in flutter package what will do??

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

    Why it is necessary to mention or initilize media query size ( Size size = media query .size.height ) in every widget component

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

    the code and your skills are amazing man!! When are you planning on creating the backend.

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

    Awesome bro, where can I generate those SVG files? Is there any online service?

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

    Brilliant! Thank you. Which extensions do you have?

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

      Found it. Bracket pair colorizer

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

      Flutter and Bracket pair colorizer

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

      ua-cam.com/video/nCERiWVsNi4/v-deo.html

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

    Like first then watch 👍

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

      You're the best!❤️❤️❤️❤️❤️

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

      ua-cam.com/video/nCERiWVsNi4/v-deo.html

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

    Is this app copyright free if we use this layout ?

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

    Genial amigo, se ven tremendo.

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

    Which Software you use for preview video mean promo Please reply me

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

    Hi there, amazing tutorial as always. I wonder where can I get the main_top.png and the main_bottom.png images?

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

      please check in source code. You will get it!!

  • @preetojha9383
    @preetojha9383 4 роки тому +19

    Please Make a vedio on
    "How you make such mindblowing icons " ....
    Plz

  • @obi-wan-satoshi
    @obi-wan-satoshi 3 роки тому +8

    This is super awesome!

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

    These images are so beautiful, where do u get them, they make ui more pretty

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

    Open EDM on another tab, mute this tab and play the video 😎
    It would be so great!

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

    Great man, please can you tell me what's benefits of using svg image package

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

      As far I know, this is the most suitable way of adding SVG on flutter

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

    Thanks for this.
    which plugins you used for flutter in VS Code?

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

    Absolutely loved the video - the designs are really beautiful! would've been great if the soundtrack could've been better
    (DM me if you need help with that!)

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

    On minute 3:17 how do you get that drop down selection when you hover over Container?

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

    May i ask what plugin or extension did you use to have that white line on the left that shows the individual widgets?

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

    Your videos are amazing. Thank you

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

    hey bro, how did you put those gray vertical lines to highlight the indentation?

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

    i loved the soundtrack.

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

    Hello thnx for making this tutorial. But i have a question, which extension are you use to mark in white the route of widgets father. Thnxs

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

    How did you set up those lines from child to child? So the code can be easier to read?

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

    I am not able to connect routes it gives a route error
    setState() or markNeedsBuild() called during build.
    'package:flutter/src/widgets/navigator.dart': Failed assertion: line 4429 pos 12: '!_debugLocked': is not true.

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

    Very Helpfully.. Thank a lot...

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

    Great and awesome tutorial. I am new to flutter. Please how do I add validation to the forms?

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

      Check this video
      ua-cam.com/video/Lq5M1nmqcLU/v-deo.html