🥷🏽📱 Minimal Social Media App • Flutter x Firebase Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ส.ค. 2024
  • 💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
    📱 Flutter Courses • mitchkoko.app/
    👨🏽‍💻 I'm coding a startup.. / mitchkoko
    / createdbykoko
    / createdbykoko
    / createdbykoko
    💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
    ~ ;
    This app's functionality: authentication & post a message.
    This video course tutorial teaches you how to code a minimal social media app using Flutter and Firebase
    ~ ;
    TIMESTAMPS
    0:00 intro
    1:10 light mode & dark mode
    2:40 login page
    10:46 register page
    13:44 firebase setup
    15:55 firebase auth
    23:33 profile & users page
    28:38 cloud firestore
    40:25 post a message to wall
    ~ ;
    📱 INSTAGRAM • / createdbykoko
    🐦 TWITTER • / createdbykoko
    📱 TIKTOK • / createdbykoko
    🎧 FLUTTER POD • / @flutterpod
    💬 JOIN DISCORD SERVER • / discord
    💻 GITHUB • github.com/mitchkoko/
    🖥 WEBSITE • mitchkoko.app/
  • วิทยาศาสตร์และเทคโนโลยี

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

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

    What app should I make next? I listen to your suggestions!❤
    💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
    📱 Flutter Masterclass • mitchkoko.app/
    🔥 I'm coding a startup.. www.patreon.com/mitchkoko

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

      A working status saver app or TH-cam downloader with unique, clean, minimal ui

    • @kashaf8863
      @kashaf8863 9 หลายเดือนก่อน +2

      Plz make video on firebase authentication with phone I am trying to do it since 2 weeks

    • @Emmanuel-er7uh
      @Emmanuel-er7uh 9 หลายเดือนก่อน +8

      E-commerce app with admin panel. I urgently need it

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

      how about 2D game

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

      @@hoainamo2051 which one? i’ve made many 2D games already.

  • @sassesidimohamed7444
    @sassesidimohamed7444 9 หลายเดือนก่อน +7

    The content that you offer is out of this world, keep it up man.
    Greetings from Mauritania.

  • @Renis1235
    @Renis1235 9 หลายเดือนก่อน +15

    These videos are hidden gems. Thank you so much!

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

      You're very welcome!

  • @RamdanCode
    @RamdanCode 7 หลายเดือนก่อน +1

    Fantastic tutorial! 🚀 Clear explanations make learning Flutter x Firebase a breeze.
    Grateful for your effort in simplifying complex concepts.
    Your teaching style keeps me engaged throughout.
    Thanks a ton for sharing your knowledge!

  • @vukasinsl1
    @vukasinsl1 9 หลายเดือนก่อน +2

    bravo Mitchy you are the man

  • @user-sr4dy6ly6w
    @user-sr4dy6ly6w 9 หลายเดือนก่อน

    Awesome tutorial. Thanks Mitch

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

    This is awesome, thank you!!

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

    Thanks for your this video @Mitch. i am on a serious journey to become a software Developer with flutter and your videos are helping me alot🙏

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

    The best flutter tutorials

  • @mychalsimka4823
    @mychalsimka4823 5 หลายเดือนก่อน +2

    Awesome! You're a rockstar

  • @evnet1561
    @evnet1561 9 หลายเดือนก่อน +6

    Thank you. I learn a lot from you.

  • @user-pz5sj5zo8q
    @user-pz5sj5zo8q 9 หลายเดือนก่อน +5

    i'm student, , . . the Minimal series are very very very ...good understading and study . . thnks u . god bless u~

  • @Moh-Adeiza
    @Moh-Adeiza 9 หลายเดือนก่อน

    thanks Mitch

  • @door-hinge
    @door-hinge 9 หลายเดือนก่อน

    Thanks so much.

  • @savvasgiannoukas4668
    @savvasgiannoukas4668 9 หลายเดือนก่อน +1

    First of all, amazing content! Thank you for that!
    I just wanted to ask if there is a way that we can customise the back button in the app bar instead of creating our own. The reason I am asking is because app bar respects the device elements (like notch or camera holes in android phones), where in the solution of padding it kind end up being behind a camera hole in some android devices

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

    My flutter mentor.
    Yet to watch but will definitely watch tdy and try to recreate. You explanation is 🎉.
    We your cool and calm voice...
    Please how do you come up with your designs and color choice for different App.
    Any colour you choose always turns out Great 👍

  • @nguyencanh-me7qv
    @nguyencanh-me7qv 9 หลายเดือนก่อน

    good!! thanks you

  • @memegangster5116
    @memegangster5116 9 หลายเดือนก่อน +2

    Could you explain/make a tutorial about web scraping? I want to redesign my school website to a mobile app but in order to do that I need to be able to take data from the site and I honestly have no idea how to do that.

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

    Thanks for the tutorial, it's really helpful but if you can please scroll the page up if the line of code reaches the bottom of the screen so we can see it more clearly. Thank You!

  • @JollyFlicks396
    @JollyFlicks396 9 หลายเดือนก่อน +5

    Please build a food delivery app

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

    Hello Mitch, i have been following you a lot but i usually face problem when it comes to storage. for example in the to do app when it came to hive i faced "[Fatal Error] annotation-1.5.0.pom:2:1: Content is not allowed in prolog." and in firebase the error seems to be the same. i have passed online and could not find the solution to this. Would you help me out please

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

    @createdbykoko I couldn't solve this error, can you help me?
    Null check operator used on a null value

  • @ItzPGMPC_
    @ItzPGMPC_ 9 หลายเดือนก่อน +1

    Goood very very good keep it

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

    having thi error : Bad state: field does not exist within the DocumentSnapshotPlatform . any clue for solution

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

    So what is the difference between this app and other social media apps in terms of development, security etc?

  • @user-mr8vn9hi6w
    @user-mr8vn9hi6w 9 หลายเดือนก่อน

    Hello sir, can you teach how to change the profile picture and store in Firestore Database and reflect the changes on profile page? I really need this functionality, hope you can teach me, thank you.

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

    I can't get the posts in the wall its showing no posts even if its in firebase

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

    Which fonts didi yu used

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

    You are the best, thank you!

  • @user-ic8tr4kf1v
    @user-ic8tr4kf1v 8 หลายเดือนก่อน

    Nice Work! I Want to ask you about flutter clean arc , Could you create simple tutorial? and thanks again

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

    Thank you so much🔥... Can you please tell how to add photos in the post ??

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

    Hey Koko can you also extend posting image and pictures to the Wall

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

    How about app for pet lovers and firebase or app for doctor appointment with firebase

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

    nice

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

    Please how to add IOS or Android simulator in Vscode

  • @dzakyahmadinberkahwardana7430
    @dzakyahmadinberkahwardana7430 9 หลายเดือนก่อน +1

    Hey Mitch. I really like your flutter tutorial videos, you deserve much more subscribers cuz youre making things that looked complicated become much more simple for a newbie like me hahah. Anyway, can you please make a tutorial on an expense tracker app (implement firebase) that can track expenses and show expenses summary report (with graph). That would be really helpful. Thanks!

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

      Yes my next video is expense tracker

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

    help use building an instagram clone using pagnation in flutter

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

    Hi I am having problems running flutter on my VS code can you help me out. The error is cannot run because failed to compile

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

      reinstall sdk

  • @therinna
    @therinna 27 วันที่ผ่านมา

    omg thank you i am able to create the login page, but how to allow user to add in a profile picture once register , and to display user profile picture at Profile page ?

    • @createdbykoko
      @createdbykoko  27 วันที่ผ่านมา +1

      @@therinna that will be my next video

  • @user-of7re7vt9f
    @user-of7re7vt9f 7 หลายเดือนก่อน

    how you make this mokup

  • @emerlad.developer
    @emerlad.developer 9 หลายเดือนก่อน

    hmm still no git repo :(

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

    Great work Mitch.. I'm trying to send a list of selected items using multiselect_formfield package, to cloud storage. The list is comes like this [hiking,swimming,dancing], how can I send it and save it as array.

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

      suppose everything is in an array named activities then
      firebasefirestore.instance.collection("user").doc(firebaseauth.instance.currentuser.uid).update({
      "list":activities
      });

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

    while adding flutter to the register page, i am facing the "channel-error" again and again even though i've updated all of my dependencies... any solutions?

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

      I've the same error friend, did you solved it?

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

      i solve this by changing the firebase_core and firebase_auth dependencies to
      firebase_core: 2.13.1
      firebase_auth: 4.6.2
      hope it works on you too bro

  • @workspace2368
    @workspace2368 9 หลายเดือนก่อน +1

    Thanks, this is amazing. Source codes?

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

    Please build a login page using restful api

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

    Great tutorial! May I ask what emulator you use?

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

      IOS emulator

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

      Thanks man!
      wonderful channel! @@createdbykoko

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

    Make a fitness app that can calculate your steps

  • @thomasthemaker
    @thomasthemaker 9 หลายเดือนก่อน +1

    Hi Mitch, I recently bought this course on Gumroad too, can I request for a refund?

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

      Yes

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

      Come to think of it, I appreciate your content and have bought more stuff from ya before. Nevermind the refund, keep up the good work!

  • @ibrahimfuadkarani6807
    @ibrahimfuadkarani6807 7 หลายเดือนก่อน +1

    How do you login to firebase in your terminal ? 14:20

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

      Type ‘firebase login’ in the terminal!

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

      Thanks for replying, turns out I have to set up the firebase cli first for that to work@@createdbykoko

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

      ​@@createdbykokoI have an error that doesn't work, is there another way?

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

      @@rickets009 what does the error say

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

    I don't know what or where is the mistake in my code, but the part when showing the user email and name in the profile page seems to return an error in my app. Definitely followed all your steps. The error says something like, "The following _TypeError was thrown building FutureBuilder(dirty, state: _FutureBuilderState#248db): Null check operator used on a null value" (I apologize if I wrote too long)

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

      sameee, already have a clue?

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

      I've the same problem, you solved it?

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

      Type Users at line 14

    • @RED-bx5cp
      @RED-bx5cp 8 หลายเดือนก่อน

      Were you able to solve this problem? There's no way I can do it

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

      solved?

  • @vikashtiwari8360
    @vikashtiwari8360 9 หลายเดือนก่อน +2

    Make a food ordering app with admin panel

    • @createdbykoko
      @createdbykoko  9 หลายเดือนก่อน +3

      Good idea, like uber eats?

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

      ​@@createdbykokoyes

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

      @@createdbykoko with the delivery part for all parties.

  • @Moh-Adeiza
    @Moh-Adeiza 9 หลายเดือนก่อน

    @createdbykoko please create an uber like app 🙏🙏🙏🙏