💰📱 Minimal Ecommerce App • Flutter 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...
    ~ ;
    A sleek minimal ecommerce app made with Flutter
    ~ ;
    ⌚️ TIMESTAMPS
    0:00 Intro
    0:46 Intro page
    5:43 Shop page
    6:45 Menu drawer
    10:05 Cart page
    11:23 Product + Shop model
    13:48 Product tile
    27:13 Images
    ~ ;
    ✏️ Whiteboard app I use: app.eraser.io/
    ~ ;
    🔗 CONNECT WITH ME
    📱 / createdbykoko
    🐦 / createdbykoko
    📱 / createdbykoko
    🎧 / @flutterpod
    💬 / discord
    💻 GITHUB • github.com/mitchkoko/
    🖥 WEBSITE • mitchkoko.app/
  • Věda a technologie

Komentáře • 113

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

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

    • @mushrafmim
      @mushrafmim Před 8 měsíci +1

      Can you produce a video about how to structure the folders and files in a large flutter project to maintain the project structure.

  • @gontlefelanorman3378
    @gontlefelanorman3378 Před 7 měsíci +2

    i believe myself to have a firm understanding of flutter but at the same time i follow your videos, you are informative, easier to follow through. sometimes i watch your videos because it feels good to see someone else coding and seeing finished apps and i also learn stuff. you are doing a great job. my favourite coding channel so far.

  • @user-hw8zs2wx2l
    @user-hw8zs2wx2l Před 8 měsíci +11

    3 things that you left up that would be AMAZING in a follow-up video:
    1) You left out the dark mode feature (and the Settings page in general).
    2) You left out the animated logo, and the fonts of the text throughout the app.
    3) A video on integrating a payment solution would be epic. Perhaps the one that's most used in industry or easiest to integrate that a shop would actually integrate.
    Thanks!

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

      I think he said "I will leave this app here for this video" mean a part 2 is on the way, Seems to take forever tho but he isn't done

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

      Hey...
      Can you please suggest any other resource that will help me incorporate the backend thing with this project?

  • @areion819
    @areion819 Před 8 měsíci +1

    Thanks for the tutorial, great work as always. Appreciate how clean and easy to understand your code is.

  • @fadhilivunza
    @fadhilivunza Před 7 měsíci +1

    Awesome Mitch!!

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

    Thank you very much! I'm learning a lot from your projects.

  • @alanjosesilverioestevez308
    @alanjosesilverioestevez308 Před 7 měsíci +1

    Oye hermano es increible lo que haces, sigue haciendo mas videos de apps funcionales porfavor, ayudas a muchos estudiantes universitarios como yo, desde mexico se aprecian tus videos y nada eres un crak, espero con ansias el proximo video, saludos bro. 🇲🇽

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

    Good stuff my guy

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

    Great tutorial!!👏

  • @MikeK68
    @MikeK68 Před 8 měsíci +4

    Hi Mitch, your videos are very informative and your voice is simply cool. Could you make a video on adding a payment solution, from cart validation to payment. Thanks again for what you do, keep it up.👍🏻

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

    Fantastic tutorial! Your clear explanations made navigating the app development process a breeze.
    Grateful for the valuable insights you've shared.
    Looking forward to more insightful content. Thank you!

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

    awesome tutorial. Thanks bro 😊

  • @Izzie1504
    @Izzie1504 Před 8 měsíci +1

    Finally🎉
    Thanks Mitch 😁
    Incredible work you've done here

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

      No problem! How is Flutter going for u these days?

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

      @@createdbykoko so far so good, I'm enjoying flutter with ur tutorials

  • @__-cd1nd
    @__-cd1nd Před 7 měsíci

    Thanks a lot !!!! ❤

  • @AryanKumar-zy3di
    @AryanKumar-zy3di Před 2 měsíci

    nicee!

  • @segayiandrew8084
    @segayiandrew8084 Před 8 měsíci +2

    Thnks for this mitch

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

    all your video very clean and beautiful easy to understand

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

    it's very interesting and helpful, thanks brother.

  • @Manu-ez4qrj
    @Manu-ez4qrj Před 8 měsíci

    Gran vídeo . Muchas gracias.

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

    Nice Video! Thank you

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

    Tnk u so much legend🥰😍

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

    Great channel! I'm a full stack dev working 7 years. Nice to branch out to mobile app development with flutter. Thanks

  • @papacoleman2689
    @papacoleman2689 Před 8 měsíci +1

    Appreciated sir

  • @developerbs
    @developerbs Před 8 měsíci +1

    Thank you very much for that very nice tutorial.
    Could you please share the code of basket animated and nice text type(shop, PRODUCT 1)?

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

    Hi teacher your code is vers clear and clean easy to watch

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

    Nice video!!! Thanks🇧🇷🇧🇷🇧🇷

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

    thanku for this video

  •  Před 8 měsíci

    Thanks for the tutorial, with what program do you do the animations in the beginning?

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

    Hello. I love this. Could you do a tutorial on a booking page which implements queues especially priority queues where one can view the approximate time one can wait after making an appointment? Thank you. I love your videos

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

    thanks mitch
    please bring Minimal course page like lms or ocr app with google mlkit , ur ui are so smooth

  • @m.nobody9534
    @m.nobody9534 Před 6 měsíci

    Hey Mitch ! Do you think you could touch on Image picker and permission handling ? I've seen videos elsewhere, but nobody could show it the way you do !

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

    Hey Mitch, I really like the theme of your code editing area. Could you share it? Thank you very much.

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

    Great tutorial. Thanks so much. How do I deploy this on Heroku as a mobile web app?

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

    Top!!! Very nice video! 🇧🇷🇧🇷🇧🇷

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

    Bro, please tell me what are all the extensions you use for flutter development

  • @user-cg2ps8hf4e
    @user-cg2ps8hf4e Před 2 měsíci

    Mitch, firstly thanks for the great videos. However, can you please slow down a bit for this senior beginner. Also, can you please explain how you created the images. I tried to download some from the net, but are unable to see them in the app.

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

    can you do a video with imagepicker and firebase storage please

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

    Can you please make us avideo to allow video calls and livestreams in the app

  • @Izzie1504
    @Izzie1504 Před 8 měsíci +1

    We need a video on your flutter set up, from scratch. Grazie

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

    How are you able to make the auto import working?

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

    Hi Sir, from your demo App, it will show the cart with the lottie effect, can you teah us, how can we make like this file, thank you.

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

    Hi mitch, how are you? 😊, just a few questions.
    1. how can I connect my flutter apps to a server side language like php to handle all CRUD operations?
    2. How will I read the data sent from the server on my flutter app?

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

    Hey Mitch, I see you using provider instead of riverpod. Is it okay to use provider for a new project or is it better to start of with riverpod as it is an upgrade to provider. This would help clarify many beginners that wants to start building an app. Thank you.

  • @tshiamomabatle1811
    @tshiamomabatle1811 Před 8 měsíci +1

    nice one!!🔥🔥 ,please make one where you fetch data from an API when you have time 👊

    • @createdbykoko
      @createdbykoko  Před 8 měsíci +1

      I already have a couple videos for API fetching:
      🏀📱 NBA App • Data from API • czcams.com/video/MlvqmRXKXyo/video.html
      🌤📱 Minimal Weather App • czcams.com/video/yLtpMqvMgdY/video.html

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

    What's the font family you used ? Or your go to font family

  • @rafa1236ful
    @rafa1236ful Před 8 měsíci +1

    Hey, greetings from Brazil!!! please make one where you fetch data first from de Cache and only then from de Firestore... Is that even possible?

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

    hey im new in this industry. is it visual code studio? What extensions did you install?

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

    Hey, can you please tell how do you make you preview videos and photes on gumroad, i really like them and wanted to make someting like them for my gumroad.

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

    keep it up 🤩

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

    Hi, I having issues on building applications. They, are not responsive in both large and small mobile phones I am a beginner so Can you please build a application that fits on all screen sizes that might helpful.

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

    whenever i am removing item from cart, rather then removing it is adding the duplicate. what should i do?

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

    could you make a audio recorder app

  • @AhmedGomaa-ep6lh
    @AhmedGomaa-ep6lh Před 7 měsíci

    I hope you make a map application, it would be the best one.

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

    hi mitch koko product display using stroge firebase and pay registration.

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

    Please do a video on user authentication in Hive Flutter

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

    Can you make a weight scale?

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

    We need a video on your flutter setup,from scratch(2)

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

    do you have any tutorials on payment method apple pay or google pay?

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

    Mitch , Do you make state management tutorials ? or are they coming soon ?

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

      czcams.com/video/uQuxrZE2dqA/video.htmlsi=D-83PGADn5y0fgui

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

    Appreciated sir, too. lets study go~

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

    Can u make video explain about Getx please and MVC please 🥺🥺

  • @AbdulMannan-dy4mm
    @AbdulMannan-dy4mm Před 7 měsíci

    @Mitch koko bro you missed the part of animated icon and payment it's the most important part of the video this things attract me to come on your video and you don't teach the main :(

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

    please make a wish list app

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

    Does it have github repository link?

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

    Do on video alaram package anf deep dive

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

    Please make admin portal of this e-commerce app

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

    ♥️

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

    where is next tutorial or full version bro ?

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

    I have few questions...
    1) what's more minimalist, bottom navigation bar or drawer ?
    2) What should be SizedBoxed, a constant or media query?

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

      1. depends on what your navigation needs are. In this case a bottom navigation bar would probably have been cleaner since there are few options. I think a functional app needs a mix, the bottom bar can have shop, cart, profile then the side bar can have stuff like wish lists, past orders, ect. Then if desired the side bar could be only accessible from profile page or something
      2. usually constants. I think the only time you would need something more is doing responsive layouts
      What i usually do then is use rows and columns and use mainAxisAlignment: spaceBetween or spaceEvenly with padding around each component

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

    A video to save in local storage please or BD, for example to save orders

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

      czcams.com/video/FB9GpmL0Qe0/video.htmlsi=Qxy4MtxGPL3wqtFd

  • @vacyelius
    @vacyelius Před 8 měsíci +2

    Hello, I am a little confused to make a mood tracker on flutter, can you help give a tutorial? Thank you.

    • @createdbykoko
      @createdbykoko  Před 8 měsíci +1

      Noted ❤️ can you describe this mood tracker app? What does it do

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

      @@createdbykoko Thank you for replying to my comment✨. So the application I made is Self care, I want to add a mood tracker with an icon, the function of which is to be able to choose the user's mood from good, fair, normal, and bad. After that, below it, there is another option to ask "what emotions are you feeling?" You can only choose 1-3, can be happy, confident, proud, relieved, optimistic and satisfied. This emotion selection adjusts to the mood tracker option selected at the top. Then at the bottom again I added a section for users to tell stories. After that, it is saved, and the history can be seen on the timeline with today's date, and I also want to add statistics so that users can see the progress. That's all Thank you.

  • @tedkhieu8995
    @tedkhieu8995 Před 8 měsíci +1

    Hi Mitch
    I am looking for video courses on how to build e-commerce app like this from scratch. Can you add the video of how to build the app from scratch. By the way, your flutter tutorial is really good. Thanks for the tutorials

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

      Heyy i dont understand. This video is from scratch

  • @vikashtiwari8360
    @vikashtiwari8360 Před 8 měsíci +1

    Please bring food ordering app with admin panel

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

    where is firebase?

  • @saiyamsachdeva3354
    @saiyamsachdeva3354 Před 7 měsíci +1

    make tutorials for payments also

  • @mohamedayman5240
    @mohamedayman5240 Před 7 měsíci +2

    where are you mitch ,everything ok?

  • @slowDev.1
    @slowDev.1 Před 8 měsíci

    Please handle the cart with BloC

  • @mrudulmohan9219
    @mrudulmohan9219 Před 8 měsíci +1

    hey bro did u use any statmanagement here?

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

    Can you help me i wqnt to learn much

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

    Teach us to make a DraggableScrollableSheet Saludos desde RepDom

  • @all-premiums3607
    @all-premiums3607 Před 6 měsíci

    Can I do this for Android app

  • @lesptitsoiseaux
    @lesptitsoiseaux Před 8 měsíci +1

    Mitch, just a heads up. I love your content but in this video, there's a lot of tiny little things that we barely see on screen because of edits. Following up this video has not been easy. For example, when adding lightMode as the theme in main.dart. Anyway, great content as usual otherwise :)

    • @createdbykoko
      @createdbykoko  Před 8 měsíci +2

      Hey thanks for the feedback! Can you explain a bit more for me? ❤️

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

      Okay, but I don't want to be a pain here. I love your stuff, Mitch. So, at the beginning, I have you on one screen and am coding on another. I try to keep typing as I watch you but sometimes I conceptually follow along (at least I think) to not force myself to watch every split second of the video. As you coded and recorded the video, for example, you went back to main to add the theme reference but you didn't voice anything about that and it was done in a half a second of video edit. This tripped me. I didn't hear you talk about it so I had to go to watch the video. Your biggest value as an educator, what sets you apart, is your ASMR quality. You are VERY relaxing to listen to and learn along. I guess that's why I wrote here. When you can trust that you can code along without watching the screen, that's the perfect experience, at least for me :) Thanks for your great content!@@createdbykoko

    • @createdbykoko
      @createdbykoko  Před 8 měsíci +2

      @@lesptitsoiseaux hey thanks for the feedback!! Yes i think some parts i did too quickly so I will make sure to improve on that ! Thanks!

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

    Should I delete your podcast? The last update was May 3rd.

  • @willk7471
    @willk7471 Před 8 měsíci +1

    Ever do web apps?

    • @createdbykoko
      @createdbykoko  Před 8 měsíci +1

      This app is coded with a responsive design so it is a web app too!

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

    please admin panel pleasee❤

  • @Mohammed-m96
    @Mohammed-m96 Před 2 měsíci

    Thanks for your tutorial video, for next time please try to be a little bit slower. Peace🙌

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

    sanjeev

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

    bro make flutter map app free

  • @epsilon4738
    @epsilon4738 Před 8 měsíci +1

    ))