coffee UI 👨🏽💻 cloning dribbble designs using FLUTTER ♡
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- 💰 I'll develop your MVP app: mitchkoko.app/mvp
📱 Code: mitchkoko.app/
🎓 Flutte Beginner Course: • 📱 FULL Flutter Beginne...
💌 Email: business@mitchkoko.app
~;
/ createdbykoko
/ createdbykoko
/ createdbykoko
/ mitchkoko
~;
The dribbble design is from dribbble.com/s...
🔥📱 Flutter Templates • mitchkoko.app/
🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp
💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp
Same app in react native th-cam.com/users/shortsw83JvBhv7wg?feature=share with source code
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 !!🎉❤
😊😊
😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊
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
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.
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!
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 👍👍👍
Bro one suggestion
We can use a variable
String selectedCoffee = 'baseCofee';
and for
isSelected: coffees[index] == coffeeType
onPressed: () {
setState((){
selectedCoffee = coffees[index];
});
}
just finished your Dribble UI tutorial..Gonna follow this one now
Nice Aman let me know how it goes👨🏽💻💪🏾
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!!
Thanks ♡
Why did you created separate List coffeeType on home_page?
Thank you for great inspiration to learn!
No worries andrew, glad it helps :))
Hi Mitch. Is there any source code available?
really hard to follow along without assets :(
Very educational :)
❤
Can we have a github link for the design
For example, we will upload a new photo or update the price. Can you teach us that too please?
Hi man, your videos are very greats, I have learned much with your videos, thank you so much ;)
no worries!! glad you like it
amazing tutorial except the constant mouth breathing
uh so nice bro, i love it! btw i need part 2 please :(
Thanks a lot
glad u like it!!
whrere is the source codes?
Ахахахаххахахаххахаххахахахаха ты ещё так смотришь на оригинал типа "похоже?не похоже?". Даже не пытался сделать похоже
Finally found someone create UI without speedcode , Earned my sub
haha sweet! no speedcode :D
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.
sir,,plz make the 2nd part
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
Thank you, i learned a lot about flutter in this video
sanjeev yada
Which is best in your opinion:
GestureDetector or InkWell?
I didn't get the lists part
I have vs code installed, and flutter, I want to know if it is necessary to install android studio and visual studio.
Superb video👍 please clone a bakery app if possible...
Hey Koko,I got an error of type 'String' is not a subtype of type 'bool'.I dono why
Hi, thanks for the video.
Why did you ignore the const warning? I thought that it will help with your app rendering faster
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😢
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
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
instead of Expand what about if i use Container or SizedBox
How do i get images from dribble like you ?
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
can you make tutorial using php and mysql as a backend in flutter app??
Any chance you could upload a video on how to install it? I've looked up other videos but have had issues
wow bro ❤❤❤❤❤
can u plz provide the source code for this only if u are ok with it :)
part 2 for this full function sir
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
you are a verry proficient flutter developer
❤✌
merci beaucoup pour cette merveuilleuse explication you are the best
thanks dude you explain Nicely doing Great work ...
My pleasure!
Amazing video Mitch
looks great!
Thanks tananga!
why you shouldn't use TabBar?
you totally can and in fact, that is a great idea for this type of UI 👨🏽💻
What a content man ❤❤❤
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
Back to back ui tutorials ... 🥳🥳🥳🥳🤞
Let’s go back to back to back 💪🏾 i want to start pumping these out nearly everyday 👨🏽💻
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
Helpful. thanks
no problem! glad it helps :)
That was a good one
Thank u 😊🥂
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!
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
This is great
Thanks Udoh!
Great work.
Thanks meek mill
Naise
Thanks ferdian!
Thank you for this!
My pleasure angelo
Dude you make it look so so easy! 😂🤙🏼☕️
Haha flutter makes it easy for us 👨🏽💻❤️😇