Flutter UI Tutorial for Beginners - Chat App UI - 2023 - With Explanation

In this video I show (with explanations) how to recreate a chat app UI design in Flutter with step by step explanation
✅ Subscribe for more : / @mjsdcoding
🛑Recommended Video Series You Should Check Out!
• Android Emulator
💕My Most Watched Videos:
• How to Publish an Andr...
00:00 Intro
00:24 File structure
01:08 Header
03:11 Favorite Contacts Section
08:28 Messages Section
14:26 Drawer
GitHub link:
github.com/mjsdcoding/new_wha...
Design by :
dribbble.com/shots/7160876-Wh...

[@RamdanCode]

Absolutely blown away by the clarity and detail in your Flutter UI tutorial! Your step-by-step explanation made it incredibly easy for someone like me, who's just starting with Flutter, to follow along. The Chat App UI design looks fantastic, and I appreciate how you took the time to provide insights throughout the process. It's evident that you genuinely want your viewers to understand, not just replicate. Big kudos for the efforts in making it feel like a human-to-human teaching experience rather than a robotic tutorial. Your approach sets this tutorial apart! Thank you so much for sharing your expertise, and I'm looking forward to more insightful content from your channel. Cheers!

[@jonasmartha7992]

thank you so much :). make more similar vids, very helpful 🙂

[@technsem3362]

very elaborative! good work

[@MuhammadIlyas-dg4se]

It was superb tutorial and I implement the same.. Thanks a lot for this.. Need more tutorials like this. really helpful

[@kiranjadhav4793]

Thank you for the video..!🙏

[@itboostaustralia8498]

Great job, Thank you

[@nadetdevfullstack7041]

Excellent

[@canozkan2948]

this series is good

[@johnsuarez3914]

Thank You!!

[@theparten]

great tutorial❤...

[@crider666]

excelent

[@g.kwithtayyab8836]

Really awesome work .I appreciate your effort please try to make more modern UI's for beginners. Thanks a lot

[@zarmeza1]

awesome

[@starkstreak5583]

Thankyou so much..I was waiting for another ui tutorial

[@MJSDCoding]

More to come!

[@devaref2461]

thanks very helpful

[@MJSDCoding]

Glad it helped

[@temidayooladele9856]

This is really resourceful... you are the best

[@bensosfrequents]

If you can see this, kindly tell me which theme you are using for vs code. It looks great and it has clear outlines. Kindly share the name of the theme if you don't mind. Many thanks

[@HarshaVardhanHvr]

❤

[@FlutFlutter]

What software do you use for your intro section

[@richardappow6770]

what is the name of theme and icons used in your vs code?

[@user-gf8gt3wl3b]

Backend video bhi please

[@Aaron-ho2lm]

how can u make mockup animation like that?

[@willpope361]

When i have done this code, I get back some errors saying Incorrect use of ParentDataWidget. Any idea as to why this occurs?

[@user-om6hq1nc7j]

hello

[@AllaNaagaa]

We need to know how to start first

[@BOBGAMINGS208]

bhaii aadha code to simulater ke piche chale jara thoda dhang se bana le bhaii plzz