Build a Real-Time Chat App with Flutter & Pusher: Text, Image, File, Audio + Source Code

Поделиться
HTML-код
  • Опубликовано: 7 сен 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

Комментарии • 14

  • @waleedk9827
    @waleedk9827 24 дня назад

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

  • @omarmaamoun9457
    @omarmaamoun9457 Месяц назад +1

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

    • @abdallahyasseindev
      @abdallahyasseindev  Месяц назад

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

    • @omarmaamoun9457
      @omarmaamoun9457 Месяц назад

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

  • @mostafa3tta885
    @mostafa3tta885 Месяц назад

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

    • @abdallahyasseindev
      @abdallahyasseindev  Месяц назад

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

    • @mostafa3tta885
      @mostafa3tta885 Месяц назад

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

    • @abdallahyasseindev
      @abdallahyasseindev  Месяц назад

      @@mostafa3tta885 اها

    • @user-cb2zg8pl4v
      @user-cb2zg8pl4v 2 дня назад

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

    • @abdallahyasseindev
      @abdallahyasseindev  День назад

      @@user-cb2zg8pl4v
      اها تسلم
      هشوف كده ان شاء الله ولو فيه امكانيه ممكن اعمل فيديو تاني عنه باستخدام Ably

  • @user-cp7dm2mq2s
    @user-cp7dm2mq2s Месяц назад +1

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

    • @abdallahyasseindev
      @abdallahyasseindev  Месяц назад +1

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

  • @omarmaamoun9457
    @omarmaamoun9457 Месяц назад

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

    • @abdallahyasseindev
      @abdallahyasseindev  Месяц назад

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