In this video, we will design WhatsApp UI according to different screen sizes using Flutter.

Timestamps:

• 00:00 Introduction
• 00:30 Project Setup
• 01:50 Home Screen
• 02:13 AppBar with TabBar
• 05:40 Search Bar
• 07:25 Chat List on Home Page
• 12:00 Chat Screen
• 17:30 Message Composer
• 21:20 Chat Messages
• 27:20 Running Web Mode
• 28:30 Web Home Screen
• 38:10 Adding Provider
• 39:40 Final Touches based on Screen

#flutter #mobile-apps #web-development #developer