Flutter Responsive UI: WhatsApp Clone

Learn how to build completely Responsive Flutter Apps- Android, iOS, Web & Desktop by Building WhatsApp Clone! This Build works as WhatsApp App on Smaller Screen Sizes and WhatsApp Web on Bigger Screen Sizes!

#flutter #ui #responsive

Source Code: github.com/RivaanRanawat/whatsapp-flutter-ui/tree/…
Demo: hungry-lichterman-63f0f3.netlify.app/#/

Important Links:
colors.dart File- github.com/RivaanRanawat/whatsapp-flutter-ui/blob/…
info.dart File - github.com/RivaanRanawat/whatsapp-flutter-ui/blob/…
Chat Background Image - github.com/RivaanRanawat/whatsapp-flutter-ui/blob/…
Flutter on Desktop - flutter.dev/multi-platform/desktop

Time Stamps:
(00:00:00) Demo & Intro
(00:01:32) Setting Up The Project
(00:09:18) Displaying Mobile AppBar
(00:14:47) Displaying Mobile Contacts List
(00:24:49) Displaying Web Contacts List
(00:32:43) Displaying Web Profile Bar
(00:40:41) Displaying Web Search Bar
(00:47:41) Displaying Web Chat App Bar
(00:55:11) Displaying Chat List on Web
(01:09:08) Displaying Web Chat Input
(01:14:59) Displaying Mobile Chat Screen
(01:27:28) Hosting Website on Netlify

Connect With Me Here:
instagram.com/optimalcoding
namanrivaan@gmail.com
github.com/rivaanranawat
namanrivaan.medium.com/