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_FlutterFirebase

Figma:
https://www.figma.com/design/UDhdKwWhaGlhvRGXjDw2UM/Chat-App?node-id=0-1&t=97vqYvdsGpv9RuiB-1

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

🔹 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

Тэги:

#flutter #flutter_firebase_tutorial #flutter_firebase #flutter_chat_app_with_firebase #chat_app_flutter_firebase #flutter_tutorial #firebase #flutter_firebase_app #flutter_chat_app #flutter_chat_firebase #flutter_tutorial_firebase #flutter_chat_app_tutorial #flutter_firebase_chat_app_tutorial

Скачать видео