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

Video Description

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_FlutterFirebase Figma: https://drive.google.com/file/d/1JVHzl-wjkHXnPD2gfHhUo__GLsr7FSpo/view?usp=sharing Let’s Connect: X: https://twitter.com/shahwali_k Instagram: https://www.instagram.com/shahwali_kh?igsh=MWtpcHRkaTZ0aWRqMw== TikTok: https://www.tiktok.com/@shahwali_khan?_t=ZS-8yexY5UoUao&_r=1 WhatsApp Channel: https://whatsapp.com/channel/0029Vapm6iS6WaKfJhZf3D2l Linkedin: https://www.linkedin.com/in/shah-wali-khan-b1a4001b2/ 🔹 Other Tutorials: Search in Flutter: https://youtu.be/SZFWJMCHdCQ?si=ENIJM1fJbcq54rDU Flutter with Firebase: https://www.youtube.com/playlist?list=PL3vTvg37dBB2CZjmtjMk59DqHidQ_RJDa Flutter Projects: https://www.youtube.com/playlist?list=PL3vTvg37dBB2TjdPYxyoXKXLtguQ8jesN 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