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

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽‍💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
The dribbble design is from dribbble.com/shots/15475209-C...
📱 TIKTOK • vm.tiktok.com/ZSePuSN4n/
📱 INSTAGRAM • / createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
#flutter #createdbykoko #uidesign

[@createdbykoko]

🔥📱 Flutter Templates • mitchkoko.app/ 🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp 💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp

[@popssinor8921]

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]

Hey glad u like it !!🎉❤

[@unsapanhwar]

😊😊

[@unsapanhwar]

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

[@blockchain_uiux5801]

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]

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

[@youssefultr]

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

[@ninobach7456]

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

[@createdbykoko]

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

[@ninobach7456]

@@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!

[@rodriguenjountsop2848]

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

[@createdbykoko]

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

[@amand4ngol]

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

[@createdbykoko]

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

[@noeljriveropino5906]

Amazing video Mitch

[@louay2933]

What a content man ❤❤❤

[@AndrewConfident]

Thank you for great inspiration to learn!

[@createdbykoko]

No worries andrew, glad it helps :))

[@tananga1523]

looks great!

[@createdbykoko]

Thanks tananga!

[@nudecode]

Dude you make it look so so easy! 😂🤙🏼☕️

[@createdbykoko]

Haha flutter makes it easy for us 👨🏽‍💻❤️😇

[@mrs.dj0019]

Thanks ♡

[@Electro313Spirit]

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 👍👍👍

[@hardlight8743]

Finally found someone create UI without speedcode , Earned my sub

[@createdbykoko]

haha sweet! no speedcode :D

[@diegoandresfernandezbustos3573]

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

[@createdbykoko]

no worries!! glad you like it

[@jesuslovesdanieli]

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!!

[@maxi-g]

you are a verry proficient flutter developer

[@AngelLopez-nc2ib]

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

[@hemnqadr568]

really the flutter community needs some youtube channels like that

[@createdbykoko]

flutter communication? do you mean flutter community? haha

[@hemnqadr568]

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

[@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

[@chahinezremaci4516]

merci beaucoup pour cette merveuilleuse explication you are the best

[@saddamwassan897]

thanks dude you explain Nicely doing Great work ...

[@createdbykoko]

My pleasure!

[@vicsystems]

That was a good one

[@createdbykoko]

Thank u 😊🥂

[@cooperhanke]

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

[@3moalsokni502]

Legend

[@meek6836]

Great work.

[@createdbykoko]

Thanks meek mill

[@BiyHappy]

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

[@254_Cyrus]

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.

[@themagical03]

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

[@createdbykoko]

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

[@LuisOrtiz-nu1zv]

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

[@chuxville11]

This is great

[@createdbykoko]

Thanks Udoh!

[@kurdev101]

Thanks a lot

[@createdbykoko]

glad u like it!!

[@ronaldsethoga667]

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

[@marthamusiimire8076]

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

[@nagrajchadchan07]

Why did you created separate List coffeeType on home_page?

[@sharonshary]

Can we have a github link for the design

[@abdorizak]

instead of Expand what about if i use Container or SizedBox

[@piamorcozo4678]

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

[@_lamdt_]

How do i get images from dribble like you ?

[@emwagner]

Which is best in your opinion: GestureDetector or InkWell?

[@theifeanyi]

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]

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

[@jiribrandejs]

Hi Mitch. Is there any source code available?

[@prathameshayare8015]

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

[@markthomas9181]

I didn't get the lists part

[@johnregiesocatrebsit-1a669]

part 2 for this full function sir

[@vincentmichael499]

Helpful. thanks

[@createdbykoko]

no problem! glad it helps :)

[@johnniegilkerson4724]

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.

[@angelosorte5464]

Thank you for this!

[@createdbykoko]

My pleasure angelo

[@gulamhasan7496]

sir,,plz make the 2nd part

[@oliverqueen8428]

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

[@saidaydn5159]

whrere is the source codes?

[@gofullstack]

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]

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]

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

[@bugrakahvecioglu9970]

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

[@nipunathalpage5673]

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

[@kantutan1002]

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

[@createdbykoko]

What does the error say

[@ohmwai]

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

[@createdbykoko]

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

[@ohmwai]

@@createdbykoko Very rewarding. And thank you!

[@surendraediga7607]

Same app in react native kzbin.infow83JvBhv7wg?feature=share with source code

[@ferdiangunawan1237]

Naise

[@createdbykoko]

Thanks ferdian!

[@ticaudittrail308]

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

[@junosoft]

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

[@createdbykoko]

Legend of zelda? I had to look it up haha

[@junosoft]

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

[@mohammadusamah819]

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

[@createdbykoko]

Whats the problem

[@mohammadusamah819]

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

[@capuchino5120]

❤✌

[@awaisdev8538]

why you shouldn't use TabBar?

[@createdbykoko]

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

[@mumbaiworkforce]

sanjeev yada

[@user-meldoniy]

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

[@6112arjun]

amazing tutorial except the constant mouth breathing