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:

Figma:

🔹 Let’s Connect:

🔹 Other Tutorials:

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