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

ความคิดเห็น • 17

  • @mohammedjad5213
    @mohammedjad5213 17 วันที่ผ่านมา

    هل ينفع اعملها علي php فقط

  • @mostafa3tta885
    @mostafa3tta885 2 หลายเดือนก่อน

    شرح ممتاز .. عندي سؤال
    لو دلوقتي الطرف التاني المستقبل قافل الابلكيشن ويعني مش عامل Connect ع الpusher لو الطرف المرسل بعتله رساله ازاي هندله حاجه زي كده بحيث لما يعمل كونكت تجيله كل الحاجات دي

    • @abdallahyasseindev
      @abdallahyasseindev  2 หลายเดือนก่อน

      ماهوا المفروض لما يفتح التطبيق تاني بيستخدم السيرفس الي اسمها provide دي بترجعلك الroomId و بترجعلك كل الmessages القديمه برضه فبكده اول لما بينادي عليها بيجيله كل الmessages الي فاتت

    • @mostafa3tta885
      @mostafa3tta885 2 หลายเดือนก่อน

      @@abdallahyasseindev دي بتبقي من عند الباك

    • @abdallahyasseindev
      @abdallahyasseindev  2 หลายเดือนก่อน

      @@mostafa3tta885 اها

    • @حمديالحمزي-د5ق
      @حمديالحمزي-د5ق หลายเดือนก่อน

      ما شاء الله ممتاز
      لو تشرح نفس ال project لكن باستخدام Ably بدل pusher لأن الخطة المجانية تبع. Ably أكثر

    • @abdallahyasseindev
      @abdallahyasseindev  หลายเดือนก่อน

      @@حمديالحمزي-د5ق
      اها تسلم
      هشوف كده ان شاء الله ولو فيه امكانيه ممكن اعمل فيديو تاني عنه باستخدام Ably

  • @vidyaplusdotcom
    @vidyaplusdotcom 18 วันที่ผ่านมา

    can you please share backend code laravel code

    • @abdallahyasseindev
      @abdallahyasseindev  17 วันที่ผ่านมา

      @@vidyaplusdotcom there is a help document file in the description for backend

  • @waleedk9827
    @waleedk9827 2 หลายเดือนก่อน

    مهندس ، ممكن ملف الباكيند على الgit

  • @ڪشِٰاخ-ط8و
    @ڪشِٰاخ-ط8و 2 หลายเดือนก่อน +1

    ما هو ال api المستخدم ؟

    • @abdallahyasseindev
      @abdallahyasseindev  2 หลายเดือนก่อน +1

      لمعرفه الapi او كيفيه عمله
      موجود الخطوات ازاي تعمله في laravel
      هتلاقي الملف في الdescription

  • @omarmaamoun9457
    @omarmaamoun9457 2 หลายเดือนก่อน

    ملفات الاوديو كاتب الكود بإيديك ولا واخدها من الباكدج

    • @abdallahyasseindev
      @abdallahyasseindev  2 หลายเดือนก่อน

      والله مامتذكر بس دا كان عندي في بروجكت كنت شغال عليه من فتره خدته وضيفته هنا لان كنت محتاج اركز علي موضوع pusher نفسه
      بس هيا عموما شغاله ويعني وتمام

  • @omarmaamoun9457
    @omarmaamoun9457 2 หลายเดือนก่อน +1

    ليه عامل الاستيت كده
    ليه مش عاملها بالاستيت العادية

    • @abdallahyasseindev
      @abdallahyasseindev  2 หลายเดือนก่อน +1

      @@omarmaamoun9457
      انا حاولت اخليها بسيطه جدا بحيث اي حد يقدر يغيرها عادي او يستخدم اي state management هوا محتاجها

    • @omarmaamoun9457
      @omarmaamoun9457 2 หลายเดือนก่อน

      @@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
      ده اللي عايز افهمو