Chat App in Flutter and Firebase from Scratch - Flutter x Firebase

In this video, we will build a full-fledge Chat App in Flutter and Firebase from scratch. It is a comprehensive tutorial that guides you step by step on how to build functional Flutter app(Chat App) with Firebase Backend. From Projects Setup to building beautiful UI and Firebase Integration to Functional Chat App in Flutter, we cover all you need to know when building your flutter apps.

We have utilized Provider state management library and MVVM Architecture to write scalable and testable code. Moreover, you will learn about the approach of how to solve a problem. Make sure you watch till to get most out of it.


📕What it Covers:
Project Setup
UI Design
Firebase Integration
Firebase Authentication
Firestore Database Integration
Realtime Chat Functionality
Sending and Receiving Messages
Unread Message Counter
Last Message shown
Error Handling
Optimization and Best Practices
Enhancement & Debugging
Provider State Management
MVVM Architecture


👨‍💻Source Code:
https://github.com/swkhan-dev/ChatApp...

Figma:
https://drive.google.com/file/d/1JVHz...

Let’s Connect:
X:   / shahwali_k  
Instagram: https://www.instagram.com/shahwali_kh...
TikTok: https://www.tiktok.com/@shahwali_khan...
WhatsApp Channel: https://whatsapp.com/channel/0029Vapm...
Linkedin:   / shah-wali-khan-b1a4001b2  

🔹 Other Tutorials:
Search in Flutter:    • Search in Flutter | Search & Filter ListVi...  
Flutter with Firebase:    • Flutter with Firebase  
Flutter Projects:    • Flutter Projects  

TIMELINE
⌨ (0:00:00) Intro
⌨ (0:01:21) Project Setup And Architecture
⌨ (0:08:44) Connecting To Firebase
⌨ (0:16:38) Adding Packages And Core Setup
⌨ (0:37:21) Splash Screen
⌨ (0:50:08) Sign Up Login
⌨ (1:30:16) Firebase Authentication
⌨ (2:10:24) User Session Handling
⌨ (2:32:13) Firestore Database
⌨ (2:48:31) Storing User Data
⌨ (2:54:48) Fetching User Data
⌨ (3:06:53) User Data Provider
⌨ (3:23:04) Bottom Navigation Bar
⌨ (4:05:16) Chat List Screen
⌨ (4:27:36) Chat Room Screen
⌨ (5:12:43) Users List Fetching
⌨ (5:38:59) Search And Bug Fixes
⌨ (5:56:22) Chat Functionality
⌨ (6:35:58) Enhancements
⌨ (6:46:22) Image Storing Functionality
⌨ (7:13:23) Last Message Functionality
⌨ (7:42:36) Realtime User Data Fetching
⌨ (7:57:49) Unread Message
⌨ (8:02:40) Fixes
⌨ (8:03:35) Wrap Up


LIKE | SHARE | SUBSCRIBE

Chat App in Flutter
Flutter Chat App
Flutter Firebase
Flutter App
Flutter Tutorial
Chat App

#flutter #chatapp #flutterapp #firebase