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

Опубликовано: 18 Ноябрь 2024
на канале: CodeWorm

1,242

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://www.figma.com/design/UDhdKwWh...

🔹 Let’s Connect:
Linkedin:   / shah-wali-khan-b1a4001b2
GitHub: https://github.com/swkhan-dev
Twitter (X):   / swkhan_dev
WhatsApp: https://whatsapp.com/channel/0029Vapm...

🔹 Other Tutorials:
Search in Flutter:    • Search in Flutter | Search & Filter L...
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