👨🏽‍💻 Let's clone a dribbble design using FLUTTER ♡ 

🔥📱 Flutter Templates • mitchkoko.app/ 🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp 💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp This is a little different from my usual tutorial style. Much more casual and unedited, that's why it's 38 minutes haha. Also let me know if anyone has a particular design they'd like me to clone. If I like it, I will make a video for it 👨🏽‍💻 Thanks for watching!

This was one of the most helpful tutorials I've seen. Just seeing you work so efficiently from a design is awesome. Learned a ton especially about grouping with same type widget

I think there's great value that we can get out of videos like this. Thanks a bunch! 😃

Man i really like the way you build app's they look so cool, and way better than other, Really Love your content

This is so satisfying and clean actually, I like how you go for it. Can you try a web dashboard or something like this? With material design, that would be nice to see!

hey mitch i wanted to thank you for you education, i really like how simple and calm you educate us flutter so thank you bro and keep going,

thank you so much im in my freshie year and this one help me so much!! keep going mitch!!

To do the curved edges on the white container. All you need to do is to give it a boxdecoration with border radius only left and right.

Love this style….so easy to follow. Thanks so much!

Bro , I can’t believe you taught me flutter within 24hrs , just 3 videos and I am making apps already , Thanks man ❤

Thank you so much for showing us how you do it. Good job!

Dude i really appreciate your awesome tutorials, cheers bro.

Bro thankyou so much! Your channel helps me a lot. Keep it up :)

You can use the boxdecoration of the container and use border radius with only then you can use topLeft and topRight make the curve as it is

Really dope man helped me a lot in my app creation

You can make the design using a Stack and make the curves using border radius on the Container Decoration. But yes you can make it scrollable or make it with bottom sheet as well.

Keep it up. Easy to understand and follow especially for beginner like me with basic tag that u used.

Really awesome work i learned so much from your video thank you keep going 👍

Thank you dear, you did the lesson successfully

Really dope. I learnt a lot from this video ❤

This type of video is really helpful....please make more of dribble clone videos❤️

saw you are nice in flutter, should make a video on errors we find on like opening the keyboard everything flushes .you know it will be more helpfull for everyone ,our flutter community wants to improve ...and also thanks for helping us

Keep up the good work 👍👍💕

I loved this video! Thank you very much!

What a nice video. Subscribed!

cool guy, always delivering something rich.

The new style looks cool , Keep it up !!

thank you so much ! Now i'm able to know some widgets and how they works

I like the unedited style.

21:06 their are flutter properties to give border radius to specific edges borderRadius: BorderRadius.vertical( top: Radius.circular(50), bottom: Radius.circular(0), )

easy to follow, thanks .😍

thank you so much i love the way you speak and style ! cool! cool ! cool !

thanks very much man this is very useful

💡tip: you can open project in the vscode through the terminal using "code ."

woah bro It 's while i don't see the video you improve man !

Hey, please make more such videos Much appreciated

soft. Thank you

thanks for tutorial

If you want to made a circular border only in the top you need to use BorderRadius.Vertical( Radius top : BorderRadius.Circular(20))

Great video man, make more videos like this pls

Thanks alot for sharing this knowledge God bless you 🤲🙏

The emoticonFace column fields looks like repeated data that can be rendered through a list or just looping through some data and then rendering the column

This was a fun activity. I even nailed the rounded top 😂

putting emoticons is a lit 😁😁😁

you make me love flutter more by the day. thanks

amaizng man

Very helpful 👌

Thank you

thanks for the video, i would be great if you share your way of learning and the materials you used for learning flutter in a video

It's very, very great 👍🏻👍🏻👍🏻

Awesome👍

I think this should have been implemented with a bottom sheet as this white area slides up through bottom nav actions

do more of this type please

Since you said your are a teacher can we create a student management app with Flutter i always love your tutorials bro i love how you explain thanks for the tutorials bro ❤️❤️❤️. Always one of the best tutors 👍👍👍👍

Nice video but wouldnt it be better to use a TextField for the Searchbar with a hint ?

Can you share the source code so that I can compare with the code that I have. I seem to have a error but I can't locate it

Is this design responsive for small and big screen phone. How do you create responsive design from a figma design where we have to follow each pixel width and height?

Can I ask for design files(just image) Or could you plz suggest a way to improve our ui devel skill?

Hi Mitch, Thank you for your tutorial, i am just following you but i am not able to get same in my flutter, could you help? when i try to add import, for you auto complete is showing but for me not shows, also in main.dart when you click bubble its shows home page url to select but for me not shows same.

Hey Mitch first of all you don't know how you have made flutter simple for me , thanks soo much Secondly i think the place you used a Container was supposed to be a stack, the entire two position(blue background and white container) are supposed to be stacked instead of creating the container as a stack Anyways that's a very good video 🎉

One request Can you start series on Custom Painters and Animations ❤️ Please

Hey, nice face reveal my dude! Hope your startup works out :)

Hi Mitch Koko, can you please guide me how do you prepare all the assets of Dribble designs?

1:19 yes you do have quite alot

Hi, I'm trying to do a functionality which matches the face from firestore database multiple users profile image and compare it to the recently taken. If it matches timer starts. If don't just give error message. Can u guide how to implement this. And the users profile I'm using are not the user I logged in with, they are subusers. So that why I cannot jse local auth face id detection.

Very good👍

Thank you, awesome tutorial bro. Where do i get the emoji? I am using Windows PC

Mate 20:03 what button are you pressing? I didn't quite understand what you was doing. Can you explain in detail?

hello... @mitch koko am new here. i just became interestd in learning programming recently. i dont have any knowledge of coding at all. nothing nothing... is it okay if i start with flutter/dart ??????? or i have to learn html and css first>>> because i wanna focus on a the one i can perfect>>>> thanksss please answer my question

Hi Mitch, using the method you used in this video, the Search bar is not clickable.

Sir. Sorry, I wanna asking. in the favorite icon for speaking skills 16 exercise (31:30), why wrap it again with ClipRect()? Just using the Container() it's can also make a radius, right? why use ClipRect() again?

How do I start if I have a custom view that is not made with Material Design? Wrong way and right way? I don't know where the beginning is

Cool walkthrough. Shouldn't you be making the search-field a TextField instead of a container?

can you create dribble with bloc state management please?

Super

getting some error while creating container() under the row children[]

Hi My friend i hope you're well, regards from Colombia, can i ask you a question please? What si the site where You take the example for the app? Can You give me the name or url please? Thanks My friend, Nice video! 🙏🏼💪🏼

How did you get to add emojis to your code?????? Can somebody help answer this?

I'd like to buy your course in gumroad but I'd like to see any type of proof about the content in your course

A quick way to open an app in vs cod is to cd in the project when created and type in -> code .

what about the source code to follow missing parts ?

Please share the code for this one

I really like your video and subscribe, keep going on, Bro actually i am Django developer and want to learn now UI with flutter so to create a complete mobile app,

from the emoji part, where I need to take the emoji because I use the android studio emulator

please share us modern icons 🙏🙏🙏🙏

Is think design responsive?

Gang Gang😭🤣

I don't have these icons.(((

@mitchKoko . you're the man

How to use emoji ?

18:10 😂

Pls provide the source code 🥺

Bro I need your help with my Flutter app design. Are you available for a quick chat?

Do you have a bilibili account?It would be nice if you could do some chinese lessons.

Is that code working a android emulator

u r myanmar, bro?

borderRadius: BorderRadius.vertical(top: Radius.circular(50)) This property can be used to achieve radius on the top only.

267 lines Really??? you could've made it shorter to use class and it would be more advanced. anyway thanks for your effort.

You are very fast. in writing

At 21:35 , you can do a code like this to add curve to only top left and right: Expanded( child: ClipRRect( borderRadius: BorderRadius.only(topLeft: Radius.circular(50),topRight: Radius.circular(50),), child: Container( color: Colors.white, ), ), ),