Build a Real-Time Chat App with Flutter & Pusher: Text, Image, File, Audio + Source Code
ฝัง
- เผยแพร่เมื่อ 19 ต.ค. 2024
- Welcome to my channel! In this video,
I'll guide you through creating a full-featured chat application using Flutter and Pusher. We'll cover real-time sending of text, images, files, and audio messages, making your chat app robust and interactive.
You'll also get access to the complete source code, so you can follow along and build your own chat application. Whether you're a beginner or an experienced Flutter developer, this tutorial will help you enhance your skills and create powerful real-time communication features.
🔗 Source Code: github.com/abd...
Backend Document : docs.google.co...
📌 Topics Covered:
Setting up Flutter and Pusher for real-time messaging
Implementing text messaging
Sending and receiving images
File sharing capabilities
Audio message integration
UI/UX tips for a seamless chat experience
Don't forget to like, comment, and subscribe for more tutorials on Flutter development!
contact :
Ahmed Saeed : / ahmedsaeed7
Abdallah Yassein : / abdallah-yassein
#Flutter #Pusher #ChatApp #RealTimeMessaging #FlutterTutorial #MobileAppDevelopment #SourceCode #Programming #Tech #AppDevelopment
هل ينفع اعملها علي php فقط
شرح ممتاز .. عندي سؤال
لو دلوقتي الطرف التاني المستقبل قافل الابلكيشن ويعني مش عامل Connect ع الpusher لو الطرف المرسل بعتله رساله ازاي هندله حاجه زي كده بحيث لما يعمل كونكت تجيله كل الحاجات دي
ماهوا المفروض لما يفتح التطبيق تاني بيستخدم السيرفس الي اسمها provide دي بترجعلك الroomId و بترجعلك كل الmessages القديمه برضه فبكده اول لما بينادي عليها بيجيله كل الmessages الي فاتت
@@abdallahyasseindev دي بتبقي من عند الباك
@@mostafa3tta885 اها
ما شاء الله ممتاز
لو تشرح نفس ال project لكن باستخدام Ably بدل pusher لأن الخطة المجانية تبع. Ably أكثر
@@حمديالحمزي-د5ق
اها تسلم
هشوف كده ان شاء الله ولو فيه امكانيه ممكن اعمل فيديو تاني عنه باستخدام Ably
can you please share backend code laravel code
@@vidyaplusdotcom there is a help document file in the description for backend
مهندس ، ممكن ملف الباكيند على الgit
ما هو ال api المستخدم ؟
لمعرفه الapi او كيفيه عمله
موجود الخطوات ازاي تعمله في laravel
هتلاقي الملف في الdescription
ملفات الاوديو كاتب الكود بإيديك ولا واخدها من الباكدج
والله مامتذكر بس دا كان عندي في بروجكت كنت شغال عليه من فتره خدته وضيفته هنا لان كنت محتاج اركز علي موضوع pusher نفسه
بس هيا عموما شغاله ويعني وتمام
ليه عامل الاستيت كده
ليه مش عاملها بالاستيت العادية
@@omarmaamoun9457
انا حاولت اخليها بسيطه جدا بحيث اي حد يقدر يغيرها عادي او يستخدم اي state management هوا محتاجها
@@abdallahyasseindev مقصدش
اقصد ليه مثلا معملتش
class GetChatLoading extend ChatState{}
class GetChatSuccess extend ChatState{
ChatModel chatModel;
GetChatSuccess (this.chatModel);
}
class GetChatFailure extend ChatState{
final String exception ;
GetChatFailure(this.exception);
}
وتعمل إيميت عادي
بدل enum
وبدل copyWith
ده اللي عايز افهمو