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

Sdílet
Vložit
  • čas přidán 9. 07. 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/
  • Věda a technologie

Komentáře • 115

  • @createdbykoko
    @createdbykoko  Před 9 měsíci +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 Před 9 měsíci

      A working status saver app or CZcams downloader with unique, clean, minimal ui

    • @kashaf8863
      @kashaf8863 Před 9 měsíci +2

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

    • @Emmanuel-er7uh
      @Emmanuel-er7uh Před 9 měsíci +8

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

    • @hoainamo2051
      @hoainamo2051 Před 9 měsíci

      how about 2D game

    • @createdbykoko
      @createdbykoko  Před 9 měsíci

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

  • @sassesidimohamed7444
    @sassesidimohamed7444 Před 9 měsíci +7

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

  • @vukasinsl1
    @vukasinsl1 Před 9 měsíci +2

    bravo Mitchy you are the man

  • @CodingYourLife
    @CodingYourLife Před 6 měsíci +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!

  • @jondoe79
    @jondoe79 Před 9 měsíci

    The best flutter tutorials

  • @user-sr4dy6ly6w
    @user-sr4dy6ly6w Před 8 měsíci

    Awesome tutorial. Thanks Mitch

  • @Renis1235
    @Renis1235 Před 9 měsíci +14

    These videos are hidden gems. Thank you so much!

  • @samuelshimelis7222
    @samuelshimelis7222 Před 8 měsíci

    This is awesome, thank you!!

  • @mychalsimka4823
    @mychalsimka4823 Před 4 měsíci +2

    Awesome! You're a rockstar

  • @djokoroy7809
    @djokoroy7809 Před 5 měsíci

    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🙏

  • @evnet1561
    @evnet1561 Před 9 měsíci +6

    Thank you. I learn a lot from you.

  • @Moh-Adeiza
    @Moh-Adeiza Před 8 měsíci

    thanks Mitch

  • @door-hinge
    @door-hinge Před 8 měsíci

    Thanks so much.

  • @user-pz5sj5zo8q
    @user-pz5sj5zo8q Před 9 měsíci +5

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

  • @savvasgiannoukas4668
    @savvasgiannoukas4668 Před 8 měsíci +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

  • @nguyencanh-me7qv
    @nguyencanh-me7qv Před 8 měsíci

    good!! thanks you

  • @memegangster5116
    @memegangster5116 Před 9 měsíci +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.

  • @hamzakaplan1628
    @hamzakaplan1628 Před 3 měsíci

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

  • @ibrahimfuadkarani6807
    @ibrahimfuadkarani6807 Před 6 měsíci

    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 Před 8 měsíci +5

    Please build a food delivery app

  • @echezonabonaventure7040
    @echezonabonaventure7040 Před 9 měsíci

    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 👍

  • @user-mr8vn9hi6w
    @user-mr8vn9hi6w Před 9 měsíci

    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.

  • @ItzPGMPC_
    @ItzPGMPC_ Před 9 měsíci +1

    Goood very very good keep it

  • @bhukaapanda
    @bhukaapanda Před 3 měsíci

    Which fonts didi yu used

  • @huko5039
    @huko5039 Před 9 měsíci

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

  • @mahdichafikcharif
    @mahdichafikcharif Před 9 měsíci

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

  • @educationhub38
    @educationhub38 Před 8 měsíci

    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

  • @01Hesenko06
    @01Hesenko06 Před 9 měsíci

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

  • @niyatig9254
    @niyatig9254 Před 4 měsíci

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

  • @poreddysailikhith5211
    @poreddysailikhith5211 Před 6 měsíci

    help use building an instagram clone using pagnation in flutter

  • @sandeshverma214
    @sandeshverma214 Před 7 měsíci

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

  • @cntastha8750
    @cntastha8750 Před 3 měsíci

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

  • @campbellmiha5234
    @campbellmiha5234 Před 8 měsíci

    Please how to add IOS or Android simulator in Vscode

  • @user-ic8tr4kf1v
    @user-ic8tr4kf1v Před 7 měsíci

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

  • @dahoumanezakaria3433
    @dahoumanezakaria3433 Před 8 měsíci

    nice

  • @migi9402
    @migi9402 Před 8 měsíci

    You are the best, thank you!

  • @user-of7re7vt9f
    @user-of7re7vt9f Před 6 měsíci

    how you make this mokup

  • @dzakyahmadinberkahwardana7430
    @dzakyahmadinberkahwardana7430 Před 8 měsíci +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!

  • @therinna
    @therinna Před dnem

    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 ?

  • @sammyjokes9613
    @sammyjokes9613 Před 9 měsíci

    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 Před 6 měsíci

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

  • @princearthur5532
    @princearthur5532 Před 8 měsíci

    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

  • @katsuba07
    @katsuba07 Před 5 měsíci

    Please build a login page using restful api

  • @emerlad.developer
    @emerlad.developer Před 9 měsíci

    hmm still no git repo :(

  • @Izzie1504
    @Izzie1504 Před 9 měsíci

    Make a fitness app that can calculate your steps

  • @adityakukreti2545
    @adityakukreti2545 Před 8 měsíci

    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 Před 8 měsíci

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

    • @dzakyahmadinberkahwardana7430
      @dzakyahmadinberkahwardana7430 Před 8 měsíci

      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 Před 8 měsíci +1

    Thanks, this is amazing. Source codes?

  • @chanpenalosa8783
    @chanpenalosa8783 Před 8 měsíci

    Great tutorial! May I ask what emulator you use?

  • @ibrahimfuadkarani6807
    @ibrahimfuadkarani6807 Před 6 měsíci +1

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

    • @createdbykoko
      @createdbykoko  Před 6 měsíci

      Type ‘firebase login’ in the terminal!

    • @ibrahimfuadkarani6807
      @ibrahimfuadkarani6807 Před 6 měsíci

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

    • @rickets009
      @rickets009 Před 5 měsíci

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

    • @createdbykoko
      @createdbykoko  Před 5 měsíci

      @@rickets009 what does the error say

  • @thomasthemaker
    @thomasthemaker Před 9 měsíci +1

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

    • @createdbykoko
      @createdbykoko  Před 9 měsíci

      Yes

    • @thomasthemaker
      @thomasthemaker Před 9 měsíci

      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!

  • @hanabiakazora1853
    @hanabiakazora1853 Před 9 měsíci

    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)

  • @vikashtiwari8360
    @vikashtiwari8360 Před 9 měsíci +2

    Make a food ordering app with admin panel

    • @createdbykoko
      @createdbykoko  Před 9 měsíci +3

      Good idea, like uber eats?

    • @vikashtiwari8360
      @vikashtiwari8360 Před 9 měsíci

      ​@@createdbykokoyes

    • @Mwitah
      @Mwitah Před 9 měsíci

      @@createdbykoko with the delivery part for all parties.

  • @Moh-Adeiza
    @Moh-Adeiza Před 8 měsíci

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