Firebase Authentication and Flutter Full Course 2020 | Messaging App Finale (with Cloud Firestore)

Опубликовано: 03 Апрель 2026
на канале: Creative Bracket • Dart and Flutter Tutorials
4,758
230

In today’s Firebase Authentication and Flutter course finale we will polish our chat message UI and integrate the Cloud Firestore API to persist our chat message to the datastore. We will implement the web version of our AuthProvider class and learn how to use conditional imports which will pull the correct logic for the relevant platform.

=== Contents of this video ===

00:00 Intro
00:07 Demo and Proposition
01:07 Refactor ChatMessageOther widget
07:06 Re-order chat messages by timestamp
08:55 Refactor Cloud Firestore reference
09:43 Persist data from MessageForm widget to database
12:40 Implement ChatMessage stateless widget
18:54 Implement message delete functionality
22:50 Show message for empty chat history
24:07 Explaining the web approach
26:24 Conditionally import WebAuthProvider class
27:18 Implement WebAuthProvider class
30:25 Build and Launch Web version
30:57 Debug and fix web issues
35:53 Persist Sign in state on page refresh
38:00 Launch Web and Android apps
39:35 Potential Improvements and Proposition
41:04 Outro

Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #Firebase #Flutter #Dartlang #GoogleCloud

Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍

Get the source code → https://github.com/graphicbeacon/fire...
Get started with Dart course → https://bit.ly/getstartedwithdart

Get the crawl cli → https://pub.dev/packages/crawl
Get the serve cli → https://pub.dev/packages/serve
OAuth 2.0 Scopes for Google APIs → https://developers.google.com/identit...

Dart docs → https://dart.dev
Subscribe to the channel → http://bit.ly/2P2N1jC

Read More Dart Tutorials → https://creativebracket.com
Buy me a coffee → https://ko-fi.com/creativebracket

LET'S CONNECT
---
Twitter →   / creativ_bracket  
Support the channel →   / creativebracket