🚀 Build a Real-Time Chat App with Flutter & Appwrite: The Ultimate Guide
🚀 Build a Real-Time Chat App with Flutter & Appwrite: The Ultimate GuideWelcome back to another exciting tutorial! In this comprehensive video, we dive deep into creating a real-time chat application using Flutter, with Appwrite serving as our powerful backend. From setting up the project to handling complex functionalities like image sharing and push notifications, this tutorial covers it all. Whether you're a beginner or an advanced developer, this guide is designed to equip you with everything you need to build a fully functional chat application.
⌛ Time Stamps:
Create a new project 00:02:30
Install necessary packages 00:03:11
Login Page UI 00:04:47
Add country code picker 00:13:19
Store data in appwrite database 01:28:34
function to store user data 01:30:36
Check whether phone no exist or not 01:34:15
function to send otp 01:38:45
function to login with otp 01:43:48
function to check whether session exist or not 01:45:37
function for logout 01:57:29
user provider class 02:07:33
Create UserData Model 02:17:10
Create UserData Model 02:21:12
Create storage bucket 02:36:27
function to upload image on storage bucket 02:38:12
function to update user data in the database 02:41:22
function to update image in storage bucket 02:46:27
function to delete image from storage bucket 02:49:07
open filepicker to pick images 02:50:25
search users to chatting 03:28:49
function to create new chat message 03:42:58
create a chat data model 03:49:22
List all chats of the current user 03:54:56
Create a Chat Provider 04:04:01
Send message to other user 04:26:49
Delete the message sent from the chat 04:42:27
Modify the homepage 04:45:11
Test with other device 05:02:24
Realtime updates of chats messages 05:07:29
Edit and update existing chat messages 05:22:46
Update message is seen by other user or not 05:32:24
Update is user is online or not 05:38:50
Lifecycle event handlers 05:47:06
Send images to other user 05:54:11
Some more fixes 06:08:50
Setup for push notifications 06:14:01
Setup for appwrite cloud functions 06:25:06
Call cloud function from application 06:31:35
🌏 Important Links
Push Notification Cloud Function Template (contains the template i used in cloud functions) -
https://github.com/Snehasis4321/appwr...
Sample Push Notification Flutter Firebase (contains the code that i picked for pushing notification on device). - https://github.com/Snehasis4321/sampl...
Appwrite Cloud - https://cloud.appwrite.io
Appwrite Realtime Docs - https://appwrite.io/docs/apis/realtime
👨💻 Source Code :
https://github.com/Snehasis4321/realt...
🎓Join our discord community:
/ discord
By the end of this video, you'll have a robust, scalable real-time chat application ready to roll out. You'll understand not just the basics but also advanced functionalities that make your app stand out.👍 If you find this video helpful, please like, subscribe, and hit the notification bell to stay updated with more in-depth tutorials and tech insights. Your support helps us create more content to help you and the developer community.
