coffee UI 👨🏽‍💻 cloning dribbble designs using FLUTTER ♡

Поделиться
HTML-код
  • Опубликовано: 18 янв 2025

Комментарии • 105

  • @createdbykoko
    @createdbykoko  Год назад +1

    🥷🏽 FOLLOW ME
    Patreon: www.patreon.com/mitchkoko/
    Instagram: instagram.com/createdbykoko/
    Twitter: twitter.com/createdbykoko/
    TikTok: www.tiktok.com/@createdbykoko/

  • @ninobach7456
    @ninobach7456 Год назад +5

    I'm impressed how fast you came up with this UI. Like, 24 Minutes and this looks legit!

    • @createdbykoko
      @createdbykoko  Год назад +2

      Haha thanks ☺️ how’s flutter going for u these days?

    • @ninobach7456
      @ninobach7456 Год назад +1

      @@createdbykoko Great, I've finished the functionality of my first App and now I'm trying to get the UI right, which is something I'm very inexperienced with. Which is why I love seeing your videos, they are really helpful!

  • @blockchain_uiux5801
    @blockchain_uiux5801 2 года назад +19

    As a UI/UX and Flutter developer I can really appreciate the elegance font color matching in your tutorials. Most Flutter developers are plan blunt when it comes to these things. They are coders first and the design is the afterthought. You, like me, are prioritising design first and then adding the functionality and code as you go along.
    That is why I think when it comes to beautiful Flutter UI and apps your channels list as top channel compared to others which are code focused ( Nothing wrong with that ).
    Plus video editing sound design is spot ON

    • @createdbykoko
      @createdbykoko  2 года назад +3

      Haha yes design is very important to me 😛 thanks for your kind words! 👨🏽‍💻❤️

  • @popssinor8921
    @popssinor8921 2 года назад +16

    Yo! I’ve been watching loads of videos, but clearly the wrong ones as this is the first time I’ve actually learned something in fact loads. Just watching things like pointing the app file to the images and where it resides was so simple to follow! Seeing how the actual language isn’t that difficult to understand and then seeing it become visual has me thinking I want to learn more so I’ve subscribed! Thank you Mitch koko the pace and explanations was really helpful!

    • @createdbykoko
      @createdbykoko  2 года назад

      Hey glad u like it !!🎉❤

    • @ItxIsra
      @ItxIsra Год назад

      😊😊

    • @ItxIsra
      @ItxIsra Год назад

      😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊

  • @hardlight8743
    @hardlight8743 2 года назад +1

    Finally found someone create UI without speedcode , Earned my sub

  • @James68257
    @James68257 2 месяца назад

    Love watching your videos! I have learned so much and find them very useful and enjoyable to watch.

  • @hemnqadr568
    @hemnqadr568 2 года назад +1

    really the flutter community needs some youtube channels like that

    • @createdbykoko
      @createdbykoko  2 года назад

      flutter communication? do you mean flutter community? haha

    • @hemnqadr568
      @hemnqadr568 2 года назад

      @@createdbykoko my keyboard didn't completed it correctly😢

  • @4mm4nn
    @4mm4nn 2 года назад +4

    just finished your Dribble UI tutorial..Gonna follow this one now

    • @createdbykoko
      @createdbykoko  2 года назад

      Nice Aman let me know how it goes👨🏽‍💻💪🏾

  • @youssefultr
    @youssefultr 2 года назад +1

    Thank you, i learned a lot about flutter in this video

  • @rodriguenjountsop2848
    @rodriguenjountsop2848 2 года назад +1

    I love. Still as detailed as the UI Dribble clone video. I would be delighted to follow one of your training courses.

    • @createdbykoko
      @createdbykoko  2 года назад

      i just released my course. did you check it out? :D

  • @noeljriveropino5906
    @noeljriveropino5906 2 года назад

    Amazing video Mitch

  • @mrs.dj0019
    @mrs.dj0019 Год назад +1

    Thanks ♡

  • @cooperhanke
    @cooperhanke 2 года назад +6

    Just wanted to say, if anyone else sees the issue of the overflow whenever you tap on the search, add the property resizeToAvoidBottomInset: false under the scaffold in the home_page.dart file and it should be resolved

  • @maxi-g
    @maxi-g 2 года назад

    you are a verry proficient flutter developer

  • @diegoandresfernandezbustos3573
    @diegoandresfernandezbustos3573 2 года назад +1

    Hi man, your videos are very greats, I have learned much with your videos, thank you so much ;)

  • @tananga1523
    @tananga1523 2 года назад +1

    looks great!

  • @louay2933
    @louay2933 2 года назад

    What a content man ❤❤❤

  • @AndrewConfident
    @AndrewConfident 2 года назад +3

    Thank you for great inspiration to learn!

    • @createdbykoko
      @createdbykoko  2 года назад

      No worries andrew, glad it helps :))

  • @jesuslovesdanieli
    @jesuslovesdanieli 2 года назад +1

    Wow you are oh so talented!
    Can you make a video of connecting 2 splash screens from dribble together to see how you work on logic? Perhaps with stacked library 😇😇
    Thank you for this video!!

  • @Electro313Spirit
    @Electro313Spirit 2 года назад +2

    Thank you so much, this video make me curious to know more about "FLUTTER", really good explanation and easy method to do it
    but i dont find the second part if there is one , and thanks a second time.
    & sorry for my english 👍👍👍

  • @gofullstack
    @gofullstack 2 года назад +2

    For the coffee type I'll create a variable of type int called selectedType then change the value when a type is pressed.
    And instead of using a ListView to display the types, I'll use a ListViewBuilder instead, that way I can compare the index with the selectedType to tell which was selected.

    • @veiter5026
      @veiter5026 2 года назад +2

      Can you explain this to me in more detail? I am learning Flutter and would like to know how you did it. And what you've written there doesn't help me enough.

    • @gofullstack
      @gofullstack 2 года назад

      @@veiter5026 If Mitch Koko doesn't get mad then I could make a video

  • @prathameshayare8015
    @prathameshayare8015 2 года назад +1

    Bro one suggestion
    We can use a variable
    String selectedCoffee = 'baseCofee';
    and for
    isSelected: coffees[index] == coffeeType
    onPressed: () {
    setState((){
    selectedCoffee = coffees[index];
    });
    }

  • @asepkarbu6473
    @asepkarbu6473 5 месяцев назад

    uh so nice bro, i love it! btw i need part 2 please :(

  • @johnniegilkerson4724
    @johnniegilkerson4724 2 года назад +2

    If you wont supply the code, could you at least supply the assets?
    I keep getting overflowed at bottom, because i dont know the size of the images in pixels.

  • @ohmwai
    @ohmwai Год назад +1

    I did the isSelected part without waiting for you to do it. Felt very proud of myself.

    • @createdbykoko
      @createdbykoko  Год назад +1

      THAT IS AMAZING!!! Haha such a rewarding feeling right ? Proud of you ❤️🔥

    • @ohmwai
      @ohmwai Год назад

      @@createdbykoko Very rewarding. And thank you!

  • @emwagner
    @emwagner Год назад

    Which is best in your opinion:
    GestureDetector or InkWell?

  • @saddamwassan897
    @saddamwassan897 2 года назад

    thanks dude you explain Nicely doing Great work ...

  • @254_Cyrus
    @254_Cyrus 2 года назад +1

    Hey huge fan just a request can we get responsive designs they'll really help in creating responsive content. Thanks.
    Also if we can get more responsive design clones, that would help us a long way as flutter devs. Thanks Mitch.

  • @chahinezremaci4516
    @chahinezremaci4516 2 года назад

    merci beaucoup pour cette merveuilleuse explication you are the best

  • @phuongtran-qh5kq
    @phuongtran-qh5kq Год назад

    Hi, thanks for the video.
    Why did you ignore the const warning? I thought that it will help with your app rendering faster

  • @ronaldsethoga667
    @ronaldsethoga667 2 года назад +1

    really hard to follow along without assets :(
    Very educational :)

  • @bugrakahvecioglu9970
    @bugrakahvecioglu9970 11 месяцев назад

    For example, we will upload a new photo or update the price. Can you teach us that too please?

  • @sharonshary
    @sharonshary 2 года назад +1

    Can we have a github link for the design

  • @themagical03
    @themagical03 2 года назад

    Back to back ui tutorials ... 🥳🥳🥳🥳🤞

    • @createdbykoko
      @createdbykoko  2 года назад

      Let’s go back to back to back 💪🏾 i want to start pumping these out nearly everyday 👨🏽‍💻

  • @LuisOrtiz-nu1zv
    @LuisOrtiz-nu1zv 2 года назад

    I have vs code installed, and flutter, I want to know if it is necessary to install android studio and visual studio.

  • @AngelLopez-nc2ib
    @AngelLopez-nc2ib 2 года назад

    Any chance you could upload a video on how to install it? I've looked up other videos but have had issues

  • @angelosorte1
    @angelosorte1 Год назад +1

    Thank you for this!

  • @kurdev101
    @kurdev101 Год назад +1

    Thanks a lot

  • @nagrajchadchan07
    @nagrajchadchan07 Год назад

    Why did you created separate List coffeeType on home_page?

  • @jiribrandejs
    @jiribrandejs 11 месяцев назад

    Hi Mitch. Is there any source code available?

  • @meek6836
    @meek6836 2 года назад

    Great work.

  • @nipunathalpage5673
    @nipunathalpage5673 2 года назад

    Superb video👍 please clone a bakery app if possible...

  • @vicsystems
    @vicsystems 2 года назад

    That was a good one

  • @theifeanyi
    @theifeanyi 2 года назад +1

    Hey man, just finished this tutotial although I used DefaultTabController instead. I would now like to know how to change the color of the Tab Text on select and the indicator to show the dot on the selected tab. Any pointers?

    • @liammcgarrigle
      @liammcgarrigle Год назад

      Ctrl + space in vs code brings up all of I've params for the widget. Read through them all until you find what you're looking for. Takes a while to get the right over sometimes but you end up learning about a lot more options that way too

  • @BiyHappy
    @BiyHappy 2 года назад

    sir do you have guide on how you did that color change to those words on click im new to this Hope you can help me thank you

  • @abdorizak
    @abdorizak 2 года назад

    instead of Expand what about if i use Container or SizedBox

  • @chuxville11
    @chuxville11 2 года назад

    This is great

  • @johnregiesocatrebsit-1a669
    @johnregiesocatrebsit-1a669 Год назад

    part 2 for this full function sir

  • @gulamhasan7496
    @gulamhasan7496 Год назад

    sir,,plz make the 2nd part

  • @marthamusiimire8076
    @marthamusiimire8076 2 года назад

    Hey Koko,I got an error of type 'String' is not a subtype of type 'bool'.I dono why

  • @piamorcozo4678
    @piamorcozo4678 2 года назад

    can you make tutorial using php and mysql as a backend in flutter app??

  • @vincentmichael499
    @vincentmichael499 2 года назад

    Helpful. thanks

  • @markthomas9181
    @markthomas9181 2 года назад

    I didn't get the lists part

  • @lamdt2604
    @lamdt2604 2 года назад

    How do i get images from dribble like you ?

  • @kantutan1002
    @kantutan1002 Год назад

    i got and error in text latte sir i try ignore the line but is not working it's error

  • @surendraediga7607
    @surendraediga7607 2 года назад +1

    Same app in react native ruclips.net/user/shortsw83JvBhv7wg?feature=share with source code

  • @saidaydn5159
    @saidaydn5159 2 года назад +1

    whrere is the source codes?

  • @oliverqueen8428
    @oliverqueen8428 2 года назад

    wow bro ❤❤❤❤❤
    can u plz provide the source code for this only if u are ok with it :)

  • @mohammadusamah819
    @mohammadusamah819 Год назад

    I am having problem in my UI problem on my Samsung s7 when I run it

    • @createdbykoko
      @createdbykoko  Год назад

      Whats the problem

    • @mohammadusamah819
      @mohammadusamah819 Год назад

      @@createdbykoko When I add the coffee type the coffee titles breaks and warning line is shown

  • @junosoft
    @junosoft 2 года назад

    The music reminds me of Inside the Deku Tree from Ocarina of Time.

    • @createdbykoko
      @createdbykoko  2 года назад +1

      Legend of zelda? I had to look it up haha

    • @junosoft
      @junosoft 2 года назад

      @@createdbykoko I actually thought it was the theme playing. Had to check it out. ahha

  • @awaisdev8538
    @awaisdev8538 2 года назад

    why you shouldn't use TabBar?

    • @createdbykoko
      @createdbykoko  2 года назад +1

      you totally can and in fact, that is a great idea for this type of UI 👨🏽‍💻

  • @ferdiangunawan1237
    @ferdiangunawan1237 2 года назад

    Naise

  • @capuchino5120
    @capuchino5120 2 года назад

    ❤✌

  • @mumbaiworkforce
    @mumbaiworkforce 11 месяцев назад

    sanjeev yada

  • @user-meldoniy
    @user-meldoniy 6 месяцев назад

    Ахахахаххахахаххахаххахахахаха ты ещё так смотришь на оригинал типа "похоже?не похоже?". Даже не пытался сделать похоже

  • @6112arjun
    @6112arjun 2 года назад

    amazing tutorial except the constant mouth breathing

  • @ticaudittrail308
    @ticaudittrail308 2 года назад

    Hi, I tried this but I'm getting a RenderFlex overflowed by 188 pixels on the bottom. Might you have a solution or workaround for this? Tried 'shrinkWrap: true' on Expanded widget but it didn't work