🥷🏽📱 The WALL / Social Media App • Flutter x Firebase / FULL TUTORIAL

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024

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

  • @createdbykoko
    @createdbykoko  ปีที่แล้ว

    💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
    📱 Flutter Masterclass • mitchkoko.app/
    🔥 I'm coding a startup.. www.patreon.com/mitchkoko

    • @alwinvj6487
      @alwinvj6487 ปีที่แล้ว

      how much will it cost in India?

  • @anuebunwamunachim2275
    @anuebunwamunachim2275 ปีที่แล้ว +11

    Hey Mich, I’m so impressed by how you communicate and handle your codes. It makes everything easier. You are such an incredible problem-solver. I have a suggestion that the audience will love, how about you create a social media app where:
    1) users can follow and unfollow each other.
    2) post on their timeline.
    3) display their post on their profile.
    4) message other users.

  • @Drewbydrew
    @Drewbydrew 8 หลายเดือนก่อน +6

    This is an amazing tutorial, thank you!
    Just saving some slightly more granular timestamps for my own reference:
    0:00 Intro
    0:30 Login UI
    10:30 Setting up auth with Firebase
    20:44 Posts (The WALL UI + Firestore)
    28:56 Like button
    35:57 Drawer
    41:25 User profile
    53:32 Comments
    1:06:52 Dark mode
    1:14:08 Delete posts

  • @nabenz5120
    @nabenz5120 ปีที่แล้ว +3

    Hey Mich, how do I get comments count?

  • @eboatwright_
    @eboatwright_ ปีที่แล้ว +5

    Thanks for compiling all these together! Gonna be so much easier to follow now

  • @kaungpyaehein110
    @kaungpyaehein110 ปีที่แล้ว +2

    Hello mitch! I am learning flutter though your channel. Do you have any plan for flutter road map details on how to study for the beginner. I am kinda lost my way of studying flutter. Amazing contents Bro. Thanks so much

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      Hello! Yes i am creating an ebook guide: flutter for beginners roadmap. It will be released soon ❤

  • @jesuslovesdanieli
    @jesuslovesdanieli ปีที่แล้ว +2

    Mitch you're truly the best with the way you explain code and I literally binge watch all your videos. =D can you please create a BLOC state management tutorial dribble. It will help so much!! much appreciated

    • @vimansachinrukshan3769
      @vimansachinrukshan3769 ปีที่แล้ว

      please make a video about bloc state management @createdbykoko

  • @personaje27
    @personaje27 ปีที่แล้ว +2

    Hi I'm new in your channel and new in flutter ( technically in programming) thanks for your work

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Hey welcome! good luck with your new journey 💜

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

    Hey there, am I allowed to create this app and modify it like paste more things in and change the design a bit. And than publish it?

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

    Hi I am trying to code my own app and I have had tremendous help by following your tutorials. Thank you! I am trying to figure out how to use the username from UserData in the ProfilePage on different screens of my app because I want the homepage to greet the user by username. Could you help me figure that out?

  • @technicalguy.
    @technicalguy. ปีที่แล้ว +2

    Idk Mitch if you're reading this or not, but you're the most Valueable tutor for flutter, and i i wish you hit millions of subs one day , Can you please make flutter tutorials like flutter beginner to master course it'll be very helpful for everyone who wanna learn flutter, you're way awesome in flutter, can you make a course video in your upcoming videos? Btw appreciate your work ❤

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Hello thank you for the kind words! It means a lot to me that my work is helping others. And yes ofc that is my main goal. I will make content and courses for beginner to master 💜 stay tuned

    • @technicalguy.
      @technicalguy. ปีที่แล้ว

      @@createdbykoko you know what I lovee you ♥️

  • @Itz_Akashi.134
    @Itz_Akashi.134 ปีที่แล้ว +2

    Hey Mitch! Love your content! I have a suggestion for a video tutorial that I think your audience would love: creating an Android home launcher with Flutter. It's a unique topic that would showcase Flutter's capabilities and provide practical knowledge. There's a demand for Flutter tutorials, and this one would engage your community and attract developers at different skill levels. Looking forward to seeing more amazing content from you! Cheers!

    • @ridwanyusuf4139
      @ridwanyusuf4139 ปีที่แล้ว

      Please when do u plan on releasing it.... I'm very much interested

  • @Joseph-om2nm
    @Joseph-om2nm ปีที่แล้ว +1

    Hey Mitch, i love your content but everytime trying to connect to firebase, i always failed, can you make a detail tutorial to connect firebase ?

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Check this tutorial out th-cam.com/video/_3W-JuIVFlg/w-d-xo.html i go through how to connect to firebase

  • @Eyad.AG.11
    @Eyad.AG.11 ปีที่แล้ว

    @Mitch Koko Excuse me, how do I move the message to each user's favorite page when clicking on the favorite button?

    • @Eyad.AG.11
      @Eyad.AG.11 ปีที่แล้ว

      I f ound explanation in the youtuop very difficult explanation, but your the explanation is very easy and wonderful. If you have a video
      when your explaining this button, please send me a link or write the code in the comments. Thank you

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

    It's very difficult to see your code with this VSCode hint text obscuring as you type. Please disable it for us :) "editor.parameterHints.enabled": false

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

    It's very cool and thank you very much but it's very fast and I couldn't understand it well :)))

  • @AGUNGKAYA
    @AGUNGKAYA ปีที่แล้ว

    I got error when implementing as described in timestamp: 1:04:55. The error message: *The argument type 'List' can't be assigned to the parameter type 'List'.*
    How to solve it Sir?

  • @HNDPATHFINDER
    @HNDPATHFINDER วันที่ผ่านมา

    Great but your to fast

  • @GameTubegames
    @GameTubegames ปีที่แล้ว +1

    But my Circle Indicator can't closing 😢

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      at which time in the video are you at? Let me help you

    • @GameTubegames
      @GameTubegames ปีที่แล้ว

      @@createdbykoko i finished the wall first tutorial, i also used navigator.pop but still my circleprogressindicator still loading

    • @mohammadtubeshat8700
      @mohammadtubeshat8700 ปีที่แล้ว

      ​@@GameTubegames maybe your firebase is not okay do the project from scratch and follow the building of app step by step as Mitch work.

  • @rajpatel9990
    @rajpatel9990 ปีที่แล้ว

    i am having problems in getting the comment count , since a stream is already passed through wallpost , and comments are in a whole differencr collection idk what should i do

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

    hi can you add the code and upload the image

  • @charleslegard716
    @charleslegard716 ปีที่แล้ว

    I'm on windows so you just have to imagine the heart-shaped blob of purple

  • @tlh0jit
    @tlh0jit ปีที่แล้ว

    good video... thank.. you.. ... and how can i code .comment counting(number of comment)??😍

  • @MafazKhan1
    @MafazKhan1 ปีที่แล้ว

    I wonder why there is not a single tutorial on entire TH-cam where any dev has integrated notifications in a messaging app, is it that difficult?

  • @daniyamary5862
    @daniyamary5862 ปีที่แล้ว

    hiii, when the post that is deleted is liked and the one below is not liked. After the liked post is deleted, when the non- liked post moves the heart becomes red but the count is still 0 is there a way to fix this?

  • @joaomateus9153
    @joaomateus9153 ปีที่แล้ว

    hello mitch, can you liberate this code, even i have to pay for it, please!

  • @JasperPauwels
    @JasperPauwels ปีที่แล้ว +1

    Hey Mitch, would it be possible to show us how to implement a "stories" type of function to an app? With photos that are visible for 24 hours?

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      Hey Jasper! Yeah I actually made the stories feature th-cam.com/video/x1EoKmhYjB0/w-d-xo.html but maybe we could implement this and make it visible for 24 hours

    • @JasperPauwels
      @JasperPauwels ปีที่แล้ว

      @@createdbykoko Yeah, that's the part I'm personally most interested in. The timed aspect. Both a 24 hour period or a reset at a specific time, tbh.
      Thanks for that link btw!
      Edit: I just watched it and you use fixed stories in that video. Another thing you could is incorporating a story upload feature using Firebase

  • @littled4892
    @littled4892 8 หลายเดือนก่อน +1

    Hey Mitch, greetings! Can i ask u how we will add count for the comments?

  • @darielsubiros3787
    @darielsubiros3787 ปีที่แล้ว +1

    Hello Mitch. It's simply awesome and easy the way you code and teach others how to do it. I have learned a lot of Flutter through your videos. Keep it up and may God bless you and give you even more wisdom and skills 🎉

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +2

      Hey Dariel! I’m glad it helps u and thanks for the kind words. Good luck with your coding ! 💜

    • @jowynlee7775
      @jowynlee7775 ปีที่แล้ว

      @@createdbykoko I very appreciate your video, it really help me a lot 🙏🏻❤️ your video content very lit 🔥 and easy to understand

  • @riteshnaidu6114
    @riteshnaidu6114 ปีที่แล้ว

    Dear Mitch,
    I hope this message finds you well!
    How about creating a separate video about the latest video player dependency in Flutter? 📹📱 This tutorial could be immensely helpful for developers looking to enhance their Flutter apps with seamless video playback. Your expertise and engaging teaching style would undoubtedly make it an incredible resource. Looking forward to your amazing content! 🎬🔥
    Best regards,
    Ritesh

  • @cheeazzam9345
    @cheeazzam9345 ปีที่แล้ว

    Please can you add picture or video to the post 😭😭😭😭😭😭😭😭😭😭😭….please

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

    It would be perfect if you could add photos to the post as well .

  • @emwagner
    @emwagner ปีที่แล้ว

    In the button code, I'd pass the button color and button text as variables.

  • @pradiptahafid
    @pradiptahafid ปีที่แล้ว +1

    PURPLE HEARTS!

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

    Ma man, you are amazing, I don't like to buy courses but I'm considering buying this to help you, keep producing this master piece of content,
    Thank you for such dedication

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

      that would be much appreciated! Also included in the course will be the source code to all apps: social media app, chat app, etc

  • @carlesalbertbg
    @carlesalbertbg ปีที่แล้ว

    Thank you very much for your job. It's really amazing!
    I'm trying to fix the comment count bug, that is set to zero, but I'm not able to fix it. What is the best way to fix it? Flutter does not allow setState inside a StreamBuilder and I'm trying to find the best way to solve it.
    Any suggestion?

    • @carlesalbertbg
      @carlesalbertbg ปีที่แล้ว

      Perhaps another StreamBuilder for the message counter
      StreamBuilder(
      stream: FirebaseFirestore.instance
      .collection("User Posts")
      .doc(widget.postId)
      .collection("Comments")
      .snapshots(),
      builder: (context, snapshot) {
      if (snapshot.connectionState == ConnectionState.waiting) {
      return const CircularProgressIndicator();
      }
      if (snapshot.hasError) {
      return Text('Error: ${snapshot.error}');
      }
      // comment count
      int itemCount = snapshot.data?.size ?? 0;
      return Text(
      itemCount.toString(),
      style: const TextStyle(
      color: Colors.grey,
      ),
      );
      },
      ),

  • @TM-ix1vm
    @TM-ix1vm ปีที่แล้ว

    Hey Mitch, how do I make this anonymous?

  • @angelvargas4667
    @angelvargas4667 ปีที่แล้ว

    Is it possible to do something like this with images and videos?

  • @AshishKumar-ii7sg
    @AshishKumar-ii7sg 8 หลายเดือนก่อน

    "purple Heart" :)

  • @smile-tubes
    @smile-tubes 10 หลายเดือนก่อน

    Source code Please??

  • @lesptitsoiseaux
    @lesptitsoiseaux ปีที่แล้ว +1

    Full stack! Nice !!!

  • @Deeznootsgotteem
    @Deeznootsgotteem ปีที่แล้ว +2

    Can I do this, but only the UI only and not using the firebase stuff

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      Yeah of course! You can use the UI and use any backend of your choice 👍🏽

    • @Deeznootsgotteem
      @Deeznootsgotteem ปีที่แล้ว +1

      @@createdbykokolate respond, thanks Koko!

  • @kudamasangomai
    @kudamasangomai ปีที่แล้ว

    i absolutely have Zero experience in flutter but the way you explain i feel like i know flutter lol. great content here

  • @beelikeflutter
    @beelikeflutter ปีที่แล้ว

    Finally i have a mento in flutter😩💯💯💯❤️❤️

  • @maismail8499
    @maismail8499 ปีที่แล้ว +1

    Nice nice nice

  • @apdayn
    @apdayn ปีที่แล้ว

    So nice ❤❤ .. lets make state management next video 🎉

  • @artem-ai
    @artem-ai ปีที่แล้ว +1

    Thank you very much. Very cool and useful. ❤ 1:00

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      No problem ❤ how is Flutter going for you so far?

    • @artem-ai
      @artem-ai ปีที่แล้ว +1

      @@createdbykoko I am developing 2 applications

    • @artem-ai
      @artem-ai ปีที่แล้ว +1

      @@createdbykoko I want to start coding taxi-online soon, but I don't know how 🙂

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว

      @@artem-ai that sounds really cool? Do u mean like similar to uber?

    • @artem-ai
      @artem-ai ปีที่แล้ว

      @@createdbykoko Yes, yes, yes, bro, I want to make my uber 🙂😎

  • @mohammadtubeshat8700
    @mohammadtubeshat8700 ปีที่แล้ว +1

    Great job from you 🎉

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      Thanks mohammad 🎉❤ how is flutter going for u?

  • @MuhammadAqib-qw6tm
    @MuhammadAqib-qw6tm ปีที่แล้ว +1

    Its Awesome🥰

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

    💜

  • @Rigobert99
    @Rigobert99 ปีที่แล้ว +1

    I need it so badly . Thanks ❤

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      No problem! I recognize your name you are a long time sub ❤️ let me know if you have any issues

    • @Rigobert99
      @Rigobert99 ปีที่แล้ว +1

      @@createdbykoko thank you Mitch for your work. you are my favorite teacher and a role model for me in the flutter space haha, keep it up dear

  • @josedanielgrijalbaosorio7431
    @josedanielgrijalbaosorio7431 ปีที่แล้ว

    26:18

  • @devagarwal3250
    @devagarwal3250 ปีที่แล้ว +1

    awesome tutorial

  • @nabenz5120
    @nabenz5120 ปีที่แล้ว +1

    Really full?😂

  • @mongouebaudry2238
    @mongouebaudry2238 ปีที่แล้ว +1

    Cool Guy

  • @ninogjoni
    @ninogjoni ปีที่แล้ว +1

    Thanks 🎉

  • @srb7274
    @srb7274 ปีที่แล้ว +1

    Great 👏

  • @user-kamal333
    @user-kamal333 ปีที่แล้ว

    I need source code

  • @lophixarts
    @lophixarts ปีที่แล้ว

    Firebase cost 📈📈

  • @imranbukhari9325
    @imranbukhari9325 ปีที่แล้ว

    Color code hero

  • @shrutiraj1021
    @shrutiraj1021 ปีที่แล้ว

    Code please

  • @irem4198
    @irem4198 ปีที่แล้ว

    thank you!

  • @ayofrvr
    @ayofrvr ปีที่แล้ว +1

    Finally 😂🎉

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      🎁let me know how it goes!

    • @ayofrvr
      @ayofrvr ปีที่แล้ว

      Alright

  • @sujalutekar9417
    @sujalutekar9417 ปีที่แล้ว

    You are awesome koko🔥

  • @21izah
    @21izah ปีที่แล้ว

    Great 🥰

  • @blasta9469
    @blasta9469 ปีที่แล้ว

    thank you very much

  • @PthCreations
    @PthCreations ปีที่แล้ว +1

    💜🔥

    • @createdbykoko
      @createdbykoko  ปีที่แล้ว +1

      💜💜how is flutter going for u these days?

    • @PthCreations
      @PthCreations ปีที่แล้ว +1

      @@createdbykoko Going Great Mitch, Thanks a ton.

  • @yekto711
    @yekto711 ปีที่แล้ว

    how about adding a Verify Email .sendEmailVerification()

  • @underlord3761
    @underlord3761 ปีที่แล้ว

    Thanks bro, you're doing the lord's work.🙏🏾