Flutter UI Design Tutorial - Flutter Dashboard UI 2023

In this flutter UI Design tutorial, we will learn to design a modern Homepage Dashboard UI in flutter.
PLAYLIST: https://youtube.com/playlist?list=PL5jb9EteFAODpfNJu8U2CMqKFp4NaXlto
This Flutter dashboard UI will be divided into multiple segments and will also cover multiple core flutter design concepts.
This dashboard UI tutorial is for all those who are new or who want to enhance their designing skills in flutter.
This Dashboard UI tutorial, will cover following points.
1 - Responsive Text and Images
2 - Layouts in Horizontal and Vertical Direction
3 - Cards & Chips Designs
4 - Scroll Behavior's X & Y axis
5 - Clean Code
6 - Custom Widgets
7 - Light and Dark Theme
8 - Unbounded Height and Width Errors
and much more....


LOGIN APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► COMPLETE PLAYLIST: https://youtube.com/playlist?list=PL5jb9EteFAODpfNJu8U2CMqKFp4NaXlto
► FIREBASE PLAYLIST: https://youtube.com/playlist?list=PL5jb9EteFAOC9V6ZHAIg3ycLtjURdVxUH

DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► CODE & RESOURCES: https://codingwitht.com/flutter-login-app
► DASHBOARD CODE: https://codingwitht.com/product/homepage-flutter-ui-reusable-flutter-dashboard/


VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
► 01 - Flutter Folder Structure https://youtu.be/yafX6haLWMA
► 02 - Flutter Folder Structure https://youtu.be/iWsfGf_UEXE
► 03 - Setup Theme Light & Dark: https://youtu.be/Q9FosAdX2U4
► 04 - Flutter Native Splash https://youtu.be/4Aawfl6yOg4
► 05 - Custom Splash with Animation https://youtu.be/a6IX3tj1wtk
► 06 - On Boarding Screen https://youtu.be/BtSVdJ134dQ
► 07 - Welcome Screen Design https://youtu.be/qze9FjylzLE
► 08 - Animate any widget https://youtu.be/0orluUfFawI
► 09 - Flutter Login UI https://youtu.be/0orluUfFawI
► 10 - Flutter Signup UI https://youtu.be/rcRppzsY-yw
► 11 - Flutter Forget Screen https://youtu.be/IQ0-_MLjHL4
► 12 - Flutter OTP Design https://youtu.be/pkzaODznLMw
► 13 - Flutter Dashboard https://youtu.be/7587ynOHhAo
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬
► 14 - Setup Firebase in Flutter https://youtu.be/fxDusoMcWj8
► 15 - Firebase Authentication https://youtu.be/Dyu-tcX0H7M
► 16 - Firebase Phone No Auth https://youtu.be/dGwr66EkJKk
► 17 - Flutter Profile UI https://youtu.be/d4KFeRdZMcw
► 18 - Store Data in Firestore https://youtu.be/LlQimtjqZ9A
► 19 - Verify Email in Flutter https://youtu.be/xUwSYHXJ5XE



COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE https://youtube.com/playlist?list=PL5jb9EteFAODi35jPznP37hnR2sTHOOTU
► LOGIN APP with GETX https://youtube.com/playlist?list=PL5jb9EteFAODpfNJu8U2CMqKFp4NaXlto
► E-COMMERCE APP https://youtube.com/playlist?list=PL5jb9EteFAOAusKTSuJ5eRl1BapQmMDT6&si=I37kajRu8gkjJm82



CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction / Overview
01:36 Playlist Details
02:20 Project Setup
04:00 Start Coding
04:25 Design Flutter AppBar
06:50 Design Body & Header Text
08:32 Search Button Design
10:39 Horizontal Category Card ListView UI
15:49 Banner Cards
21:56 Courses Cards & ListView
28:26 Convert Code into Custom Widgets
30:01 ListView.builder()

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FOLLOW US ON SOCIAL MEDIA!
? Facebook: https://facebook.com/CodingwithTea
? Instagram: https://www.instagram.com/coding_with_tea/

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:
► Subscribe https://www.youtube.com/Codingwithtea?sub_confirmation=1
►► Support https://codingwitht.com/support-the-content

#flutterapp #flutterfirebase #firebaseauth #codingwithTea