Welcome to the first video in my new series Apps From Scratch! This tutorial series will teach you how to build awesome user interfaces with Flutter and Dart. In this video, you will create the layout of a chat UI.

» Timestamps
0:00​ Introduction
0:29​ File Structure Breakdown
3:30​ Home Screen
6:46​ Category Selector Widget
12:30​ Expanded Home Screen Container
14:32​ Favorite Contacts Widget
22:57​ Recent Chats Widget
38:47​ Chat Screen
45:00​ Chat Messages
54:10​ Chat Message Heart Icon
58:29​ Message Composer
1:02:52​ Unfocus TextField to Minimize Device Keyboard

» Resources

Clone this repo to follow along: https://github.com/MarcusNg/flutter_c… ​

Source Code: https://github.com/MarcusNg/flutter_c… ​

Design: https://dribbble.com/shots/6428387-Me…

Subscribe: https://www.youtube.com/channel/UC6Dy0rQ6zDnQuHQ1EeErGUA

#ui #flutter