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

[@createdbykoko]

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

[@alwinvj6487]

how much will it cost in India?

[@Drewbydrew]

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

[@anuebunwamunachim2275]

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.

[@eboatwright_]

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

[@createdbykoko]

No problem ❤😊

[@kudamasangomai]

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

[@humeidussenejocordasse791]

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]

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

[@jesuslovesdanieli]

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]

please make a video about bloc state management @createdbykoko

[@personaje27]

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

[@createdbykoko]

Hey welcome! good luck with your new journey 💜

[@beelikeflutter]

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

[@Itz_Akashi.134]

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]

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

[@technicalguy.]

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]

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.]

@@createdbykoko you know what I lovee you ♥️

[@bugrakahvecioglu9970]

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

[@darielsubiros3787]

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]

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

[@jowynlee7775]

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

[@willdiana2924]

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?

[@sujalutekar9417]

You are awesome koko🔥

[@artem-ai]

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

[@createdbykoko]

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

[@artem-ai]

@@createdbykoko I am developing 2 applications

[@artem-ai]

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

[@createdbykoko]

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

[@artem-ai]

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

[@MuhammadAqib-qw6tm]

Its Awesome🥰

[@createdbykoko]

yay Muhammad💜🔥

[@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?

[@Abdihakim-com]

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

[@JustCarloTV]

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?

[@Rigobert99]

I need it so badly . Thanks ❤

[@createdbykoko]

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

[@Rigobert99]

@@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

[@kaungpyaehein110]

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]

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

[@JasperPauwels]

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]

Hey Jasper! Yeah I actually made the stories feature kzbin.info/www/bejne/rmKooH6jnb6deJI but maybe we could implement this and make it visible for 24 hours

[@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

[@jahdieltzec0990]

Hey, do you have the full code uploaded to github?

[@mohammadtubeshat8700]

Great job from you 🎉

[@createdbykoko]

Thanks mohammad 🎉❤ how is flutter going for u?

[@charleslegard716]

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

[@Joseph-om2nm]

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]

Check this tutorial out kzbin.info/www/bejne/lWS6Xn2rfrt5osk i go through how to connect to firebase

[@nabenz5120]

Hey Mich, how do I get comments count?

[@lesptitsoiseaux]

Full stack! Nice !!!

[@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]

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, ), ); }, ),

[@ninogjoni]

Thanks 🎉

[@createdbykoko]

No problem, enjoy! 💜

[@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

[@emwagner]

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

[@srb7274]

Great 👏

[@createdbykoko]

Thank Smruti 💜🔥

[@MigraRing]

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

[@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]

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

[@angelvargas4667]

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

[@MafazKhan1]

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

[@GameTubegames]

But my Circle Indicator can't closing 😢

[@createdbykoko]

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

[@GameTubegames]

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

[@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.

[@AshishKumar-ii7sg]

"purple Heart" :)

[@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?

[@irem4198]

thank you!

[@devagarwal3250]

awesome tutorial

[@createdbykoko]

❤❤

[@ayofrvr]

Finally 😂🎉

[@createdbykoko]

🎁let me know how it goes!

[@ayofrvr]

Alright

[@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

[@joaomateus9153]

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

[@TM-ix1vm]

Hey Mitch, how do I make this anonymous?

[@phafid]

PURPLE HEARTS!

[@smile-tubes]

Source code Please??

[@blasta9469]

thank you very much

[@oussamasbisiane4544]

does it work perfectley ?

[@canhthai378]

hi can you add the code and upload the image

[@21izah]

Great 🥰

[@PthCreations]

💜🔥

[@createdbykoko]

💜💜how is flutter going for u these days?

[@PthCreations]

@@createdbykoko Going Great Mitch, Thanks a ton.

[@cheeazzam9345]

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

[@SmartMedia101]

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

[@josedanielgrijalbaosorio7431]

26:18

[@nicholaselsener3280]

💜

[@lophixarts]

Firebase cost 📈📈

[@tlh0jit]

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

[@user-kamal333]

I need source code

[@mongouebaudry2238]

Cool Guy

[@createdbykoko]

helloo

[@maismail8499]

Nice nice nice

[@createdbykoko]

💜💜

[@shrutiraj1021]

Code please

[@HNDPATHFINDER]

Great but your to fast

[@nabenz5120]

Really full?😂

[@createdbykoko]

😂

[@imranbukhari9325]

Color code hero

[@yekto711]

how about adding a Verify Email .sendEmailVerification()