Flutter UI Design Tutorial - Flutter Dashboard UI 2024

https://www.youtube.com/watch?v=7587ynOHhAo&list=PL5jb9EteFAODpfNJu8U2CMqKFp4NaXlto&index=13

In this flutter UI Design tutorial, we will learn to design a modern Homepage Dashboard UI in flutter.
PLAYLIST:

• Flutter Login App - UI UX, Backend, F...
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:

• Flutter Login App - UI UX, Backend, F...
► FIREBASE PLAYLIST:

• Flutter Firebase Basics - Firebase Fu...

DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► CODE & RESOURCES: https://codingwitht.com/flutter-login...
► DASHBOARD CODE: https://codingwitht.com/product/homep...
VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
► 01 - Flutter Folder Structure

• Flutter App with Firebase | Flutter A...
► 02 - Flutter Folder Structure

• How to Create a Flutter Folder Struct...
► 03 - Setup Theme Light & Dark:

• How to Setup a Custom Theme in Flutte...
► 04 - Flutter Native Splash

• How to create Flutter Native Splash S...
► 05 - Custom Splash with Animation

• Flutter Splash Screen tutorial with a...
► 06 - On Boarding Screen

• Flutter Onboarding Screen | Flutter L...
► 07 - Welcome Screen Design

• Welcome Screen | Flutter Login UI | F...
► 08 - Animate any widget

• Flutter Animation 2023 - Animate any ...
► 09 - Flutter Login UI

• Flutter Animation 2023 - Animate any ...
► 10 - Flutter Signup UI

• Modern Signup form in Flutter - Signu...
► 11 - Flutter Forget Screen

• Flutter Forget Password - Flutter Fir...
► 12 - Flutter OTP Design

• Flutter OTP Verification Screen UI - ...
► 13 - Flutter Dashboard

• Flutter UI Design Tutorial - Flutter ...
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬
► 14 - Setup Firebase in Flutter

• Simplest way to Setup Firebase in Flu...
► 15 - Firebase Authentication

• Flutter Firebase Authentication Tutor...
► 16 - Firebase Phone No Auth

• Flutter Firebase Phone Number OTP Aut...
► 17 - Flutter Profile UI

• Flutter Profile Page UI Design - Flut...
► 18 - Store Data in Firestore

• How to store data in Firestore Flutte...
► 19 - Verify Email in Flutter

• Verify Email in Firebase Flutter - Em...
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE

• Flutter Crash Course for absolute beg...
► LOGIN APP with GETX

• Flutter Login App - UI UX, Backend, F...
► E-COMMERCE APP

• Professional Flutter E-Commerce App w...
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:

/ codingwithtea
💻 Instagram:

/ coding_with_tea

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

#flutterapp #flutterfirebase #firebaseauth #codingwithTea

Видео Flutter UI Design Tutorial - Flutter Dashboard UI 2024 канала Coding With T