📱 The Wall / Coding a Social Media App • Flutter x Firebase Tutorial
ฝัง
- เผยแพร่เมื่อ 29 มิ.ย. 2024
- 📱 Flutter Courses • mitchkoko.app/
💰 Hire Me / Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
🎧 Flutter Pod • / mitchkoko
~ ;
🔒Watch the FLUTTER AUTH PLAYLIST first:
1📱 Modern Login UI • • 🔒📱 Modern Login UI • F...
2📱 Email Login & Logout • • 🔒📱 Email Login & Logou...
3📱 Email Sign Up • • 🔒📱 Email Sign Up • Flu...
4📱 Google Sign In • • 🔒📱 Google Sign In • Fl...
FULL PLAYLIST • SOCIAL MEDIA APP
📱 1 • The Wall • • 📱 The Wall / Coding a ...
❤️ 2 • Like Button • • ❤️📱 Like Button / Codi...
🤷🏽♂️ 3 • User Profile • • 🥷🏽📱 User Profile / Cod...
💬 4 • Comments • • 💬📱 Comments / Coding a...
🥷🏽 5 • Dark Mode • • 🥷🏽📱 DARK MODE • Flutte...
🗑 6 • Delete Posts • • 🗑📱 Delete Posts / Codi...
🐞 7 • Bug Fixes
~ ;
TIMESTAMPS
0:00 Intro
1:00 Login Page
7:25 Register Page
9:15 Authentication
20:46 The Wall
~ ;
📱 INSTAGRAM • / createdbykoko
📱 TWITTER • / createdbykoko
📱 TIKTOK • / createdbykoko
🎧 FLUTTER POD • / @flutterpod
💬 JOIN DISCORD SERVER • / discord
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
#flutter #createdbykoko instagram social media app redesign ecommerce app shoe shop full flutter tutorial game tetris chess pokemon the wall social media type app flutter firebase cloud firestore - วิทยาศาสตร์และเทคโนโลยี
![AAMON BEST BUILD TO GET TRIPLE STACKS DAMAGE ULTIMATE!!! [ auto 1 shot ]](http://i.ytimg.com/vi/bECTr-aFwzE/mqdefault.jpg)
🔥📱 Flutter Templates • mitchkoko.app/
🥷🏽📱 Minimal Social App • mitchkoko.gumroad.com/l/MinimalSocialApp
💰📱 Minimal Ecommerce App • mitchkoko.gumroad.com/l/MinimalEcommerceApp
Next video 👉🏽 Like Button ❤ th-cam.com/video/yeE5PHHBDnQ/w-d-xo.html
🔒Watch the FLUTTER AUTH PLAYLIST first:
1📱 Modern Login UI • th-cam.com/video/Dh-cTQJgM-Q/w-d-xo.html
2📱 Email Login & Logout • th-cam.com/video/_3W-JuIVFlg/w-d-xo.html
3📱 Email Sign Up • th-cam.com/video/qlVj-0vpaW0/w-d-xo.html
4📱 Google Sign In • th-cam.com/video/1U8_Mq1QdX4/w-d-xo.html
FULL PLAYLIST • SOCIAL MEDIA APP
📱 1 • The Wall • th-cam.com/video/yJ7qQxzkh9E/w-d-xo.html
❤ 2 • Like Button • th-cam.com/video/yeE5PHHBDnQ/w-d-xo.html
🥷🏽 3 • User Profile • th-cam.com/video/TpW7nLL57uQ/w-d-xo.html
💬 4 • Comments • th-cam.com/video/r6AkdYf_bkE/w-d-xo.html
♠ 5 • Dark Mode • th-cam.com/video/66dj7wqXfeA/w-d-xo.html
🗑 6 • Delete Posts • th-cam.com/video/3owMkQP6SHc/w-d-xo.html
🐞 7 • Bug Fixes
What feature should I add next? Let's watch this thing grow🍀
I hope this helps you ✌🏾💜
video and images feature
Bruh can you please do an enhanced video of this where users get to interact between them selves personally..like something of a private chat just between two users
very nice broo...Waiting for the functional social media app in which users can post, like, share and view other users feed. THANK YOU
@@MuhammadAqib-qw6tm just uploaded the next one. Like Posts ❤️ th-cam.com/video/yeE5PHHBDnQ/w-d-xo.html
@@devagarwal3250 noted 💜
What's unique about Koko is an eye of Aesthetic and elegance in design.
Hey thanks haha it’s nice to see someone appreciate that aspect 💜
Agreed
I need just half of Mitch's Style
Me too @Sabre Khan
This is great! Please keep doing more backend stuff, it's really helpful :D
glad you liked it! more to come 💜
Great tutorial, beautifully explained. Fast and concise! :) Thank you
Glad u like it paulo 💜
Love the design, man👍🏼👍🏼
thank u💜
Great man❤
Woo hoo! I have been so excited to get a new video!! It would be really nice if you could do a user profile page, and adding friends functionality. So maybe an instagram clone! Also, a tutorial to go through implementing navigation on screens & dialogs. Keep up the great work 😃
Hi Krystina glad it helps you! I will try to do all of what you requested 💜
@@createdbykoko Thank you!!
another one, thanks Mitch
no problem 💜
hey mitch!! Love the content, would you be able to make a video on how people can share pictures in their messages or allow users to change their profile pictures? Keep up the great work 💜
You're amazing man! Thank you..
i didnt start yet but im really excited to start this The Wall series , when this serie finish im gonna start and write with Mitch , i just want to finish this app at once , thanks for great tutorials Mitch you're calm teacher i ve ever seen , keep goin ^^
Hey Ramazan haha good luck when you begin! Let me know if you have any issues. 💜
@@createdbykoko 💜
Would love to see your version of a weather app using an API like Open Weather API and BLoC for state management. Great work!
ohh yes weather app i shall try to do that and also make it aesthetic 💜
Bro can u do Bloc with easy way) thanks bro , ur videos amazing✊
Yes we need this frr
it's cool !
User profile, texting different users, that means each user will have a unique wall...
nono, everyone will see the same wall
Great stuff. Lots of places to take this. You should definitely fix your firestore permissions and maybe add a load more for when there's too many messages? Liking or replying would be interesting.
good idea! also here's what you asked for:
FULL PLAYLIST • SOCIAL MEDIA APP
📱 1 • The Wall • th-cam.com/video/yJ7qQxzkh9E/w-d-xo.html
❤ 2 • Like Button • th-cam.com/video/yeE5PHHBDnQ/w-d-xo.html
🥷🏽 3 • User Profile • th-cam.com/video/TpW7nLL57uQ/w-d-xo.html
💬 4 • Comments • th-cam.com/video/r6AkdYf_bkE/w-d-xo.html
♠ 5 • Dark Mode • th-cam.com/video/66dj7wqXfeA/w-d-xo.html
🗑 6 • Delete Posts • th-cam.com/video/3owMkQP6SHc/w-d-xo.html
@@createdbykoko heh, amazing! Cant wait to dive in.
Great video!, can you show further how to upload and retrieve photo along side with user data
noted 💜
Great video! I tried implementing multiple "The Wall" for different topics however by adding a param "String topic", however they all display the same posts. Is there a way to implement multiple "The Wall"?
thanks a lot from turkey
can you do it but with a personal API with data of SQLserver and no with firebase? also great project, it helped me so much, keep doing it!
yes good idea I am planning on that 💜glad it helps :D
Thanks a lot
nice
شكرااااااااااا❤
Awesome,
hello can you make a tutorial about state managment packages and clean code architecture ?
yep noted 💜
@@createdbykoko thank you sir love you
Can you please tell us ... How do you preview your applications and make the intro video ? what's the name of the app that makes you preview screenshots of your app ?
Mark created 'Threads' after watching your videos. 😂
Make some utility apps tutorials ❤
This will be a great video as always but please consider making the video I have been asking you for almost a year now.
Make a video about Fire UI- auth
noted 💜
💜
hi Mitch, i enjoy your tutorials! Do you consider to make login page Flutter x SQLite?
Yes I do consider that. Noted 💜
hey mitch what firebase rule should i use if i want each authenticated user to access a personal or unique database
thk you koko
hi. do you have discount code for Flutter UI Course for BEGINNERS? is it also updated with the latest flutter release?
hey hi can you make video on images with dynamic height with height of image
Thanks for sharing ❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕
I have an error, it says that "the getter 'mounted' Isn't defined for the type of 'BuildContext'
Hi Mitch, could you make an MyAccount UI?
Can it still works even if I'm not including the firebase stuff, I'm only need the UI stuff
Hi. Please ecommerce app with backend api tutorial
i love your videos but why aren"t you changing a the login ui it is always the same ui
Does this playlist have backend videos too?or is it just frontend ui?
I love your work. Just one doubt. How does the authorization work? If someone reverse engineers the app and grabs our api keyst. Can it post as any user?
I figure it out. Those who have the same question. Rearch security rules.
My friend thank you for tutorials. .it throws an error even if the passwords are the same.. why could it be?
If I want after we succes create a new account , it will return the login page. What should i do
So as a citizen of the US, as my president likes to say, "Lets build The Wall!" 🤣
do you have a list of extensions you use on vs code for flutter?
I actually don't use any extensions at all
💜💜💜💜
Thanks a lot for your all efforts to deliver quality content. I facing a issue that i did everything to resolve but can't.
I have multiple users app. when i signout and then login back with different account then still the data of old account appears until i restart app. Screen not auto refresh with new user until i restart app. Please help me i did everything but can't solve it
Make sure to clear the persistent data like user details by clearing the shared preferences if you are using any while logging out. If you using Firebase, remove the user credentials once logged out.
@@Rishiplays777 thanks for reply,i using firebase and i clear share preference and also remove user credentials but nothing is work for me
Make a friends project with flutter and firebase
Make a shop app for game voucher top up
Witch woko
Bro if we write a long message here it is overflowed by right pixels kindly give me solution.
Not sure if you solved this. But I just solved it by wrapping the 'Column' widget containing the 'Text' widgets in an 'Expanded' widget. Example: Expanded(child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
Text(
user,
style: TextStyle(color: Colors.grey[400]),
),
const SizedBox(height: 10),
Text(
message,
),],
),
),
),
Hope this helps!
Where May I get the source code of this app?
Hi bro flutter Facebook Login video please
When the comment is too long, I get a renderflex error. I have tried wrapping the post in Expanded/Flexible but there is still an error. Please help me ;_;....
I used SingleScrollviewwidget
Not sure if you solved this. But I just solved it by wrapping the 'Column' widget containing the 'Text' widgets in an 'Expanded' widget. Example: Expanded(child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
Text(
user,
style: TextStyle(color: Colors.grey[400]),
),
const SizedBox(height: 10),
Text(
message,
),],
),
),
),
please source code
First! Now reply to me !🗿❤
HI!
@@createdbykoko HIIII!!!! ur awesome!! Keep going!
💜💙🤍
💜
💜
💜