coffee UI 👨🏽💻 cloning dribbble designs using FLUTTER ♡
Vložit
- čas přidán 5. 04. 2022
- 💬 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 - Věda a technologie
🔥📱 Flutter Templates • mitchkoko.app/
🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp
💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp
Thank you, i learned a lot about flutter in this video
I love. Still as detailed as the UI Dribble clone video. I would be delighted to follow one of your training courses.
i just released my course. did you check it out? :D
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!
Hey glad u like it !!🎉❤
😊😊
😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊
Amazing video Mitch
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
Haha yes design is very important to me 😛 thanks for your kind words! 👨🏽💻❤️
I'm impressed how fast you came up with this UI. Like, 24 Minutes and this looks legit!
Haha thanks ☺️ how’s flutter going for u these days?
@@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!
just finished your Dribble UI tutorial..Gonna follow this one now
Nice Aman let me know how it goes👨🏽💻💪🏾
What a content man ❤❤❤
Thank you for great inspiration to learn!
No worries andrew, glad it helps :))
looks great!
Thanks tananga!
Thanks ♡
Finally found someone create UI without speedcode , Earned my sub
haha sweet! no speedcode :D
Hi man, your videos are very greats, I have learned much with your videos, thank you so much ;)
no worries!! glad you like it
Dude you make it look so so easy! 😂🤙🏼☕️
Haha flutter makes it easy for us 👨🏽💻❤️😇
you are a verry proficient flutter developer
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!!
merci beaucoup pour cette merveuilleuse explication you are the best
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 👍👍👍
Great work.
Thanks meek mill
thanks dude you explain Nicely doing Great work ...
My pleasure!
That was a good one
Thank u 😊🥂
really the flutter community needs some youtube channels like that
flutter communication? do you mean flutter community? haha
@@createdbykoko my keyboard didn't completed it correctly😢
This is great
Thanks Udoh!
Back to back ui tutorials ... 🥳🥳🥳🥳🤞
Let’s go back to back to back 💪🏾 i want to start pumping these out nearly everyday 👨🏽💻
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.
Thanks a lot
glad u like it!!
Thank you for this!
My pleasure angelo
Helpful. thanks
no problem! glad it helps :)
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
Legend
really hard to follow along without assets :(
Very educational :)
❤
Any chance you could upload a video on how to install it? I've looked up other videos but have had issues
Hi, thanks for the video.
Why did you ignore the const warning? I thought that it will help with your app rendering faster
Bro one suggestion
We can use a variable
String selectedCoffee = 'baseCofee';
and for
isSelected: coffees[index] == coffeeType
onPressed: () {
setState((){
selectedCoffee = coffees[index];
});
}
Superb video👍 please clone a bakery app if possible...
Which is best in your opinion:
GestureDetector or InkWell?
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
I have vs code installed, and flutter, I want to know if it is necessary to install android studio and visual studio.
instead of Expand what about if i use Container or SizedBox
Hey Koko,I got an error of type 'String' is not a subtype of type 'bool'.I dono why
I did the isSelected part without waiting for you to do it. Felt very proud of myself.
THAT IS AMAZING!!! Haha such a rewarding feeling right ? Proud of you ❤️🔥
@@createdbykoko Very rewarding. And thank you!
part 2 for this full function sir
Can we have a github link for the design
sir,,plz make the 2nd part
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.
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.
@@veiter5026 If Mitch Koko doesn't get mad then I could make a video
Why did you created separate List coffeeType on home_page?
can you make tutorial using php and mysql as a backend in flutter app??
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.
How do i get images from dribble like you ?
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?
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
wow bro ❤❤❤❤❤
can u plz provide the source code for this only if u are ok with it :)
I didn't get the lists part
Hi Mitch. Is there any source code available?
❤✌
Naise
Thanks ferdian!
Same app in react native czcams.com/users/shortsw83JvBhv7wg?feature=share with source code
whrere is the source codes?
For example, we will upload a new photo or update the price. Can you teach us that too please?
i got and error in text latte sir i try ignore the line but is not working it's error
What does the error say
The music reminds me of Inside the Deku Tree from Ocarina of Time.
Legend of zelda? I had to look it up haha
@@createdbykoko I actually thought it was the theme playing. Had to check it out. ahha
I am having problem in my UI problem on my Samsung s7 when I run it
Whats the problem
@@createdbykoko When I add the coffee type the coffee titles breaks and warning line is shown
why you shouldn't use TabBar?
you totally can and in fact, that is a great idea for this type of UI 👨🏽💻
sanjeev yada
Ахахахаххахахаххахаххахахахаха ты ещё так смотришь на оригинал типа "похоже?не похоже?". Даже не пытался сделать похоже
amazing tutorial except the constant mouth breathing
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