🥑📱 Grocery Shop App • Flutter Tutorial ♥

💬 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...
I want to make more of these functional apps with multiple pages. This tutorial I will show you how to create a shopping cart app using Provider.
SOURCE CODE • github.com/mitchkoko/GroceryS...
DRIBBBLE DESIGN • dribbble.com/shots/18876097-G...
~ ;
🎧 Flutter Pod • / @flutterpod
💰 IF YOU ARE NEW TO FLUTTER.. you need to watch my Flutter UI Course for BEGINNERS mitchkoko.gumroad.com/l/Begin...
💬 JOIN DISCORD SERVER • / discord
~ ;
📱 INSTAGRAM • / createdbykoko
📱 TWITTER • / createdbykoko
📱 TIKTOK • / createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
flutter ios android to do todo app ui uidesign hive backend complete app widgets habit tracker created from scratch modern dope smart home app ui user interface uix ux tutorial flutter tutorial ui step by step from scratch grocery provider app shop ecommerce mobile app
#flutter #createdbykoko

[@createdbykoko]

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass 📱 Flutter Masterclass • mitchkoko.app/ 🔥 I'm coding a startup.. www.patreon.com/mitchkoko If you need more help on each widget, check these out: GRIDVIEW • kzbin.info/www/bejne/pIalfn5tiqqEZ7M LISTVIEW • kzbin.info/www/bejne/oWKvqYepoqaIiLc GESTURE DETECTOR • kzbin.info/www/bejne/n4XVonRueshjnbM GOOGLE FONTS • kzbin.info/www/bejne/rWrVc2eZo6aDf8k IMAGE • kzbin.info/www/bejne/bIXQoZ2tgL1sd7c I hope this helps you ❤

[@ghulammurtaza7959]

Yes it's great idea design all the pages

[@clifordachoka]

I love this idea of multiple screens. Keep this up. And keep making the uis complex.

[@createdbykoko]

@@clifordachoka more to come!! Gota make these apps more functional!!! 👨🏽‍💻❤️

[@parekhdeepsatishbhai4788]

What is bette for state management provider or getx?

[@ghulammurtaza7959]

@@parekhdeepsatishbhai4788 provider is better it's simple and easy for Beginners

[@gabrielntera5679]

Was waiting for things like these, multi pages with state management and some kind of functionalities. keep it up bro and thank you for your efforts

[@createdbykoko]

Hey Gabriel glad you like it! i hope this helps. let me know how it goes!!

[@gabrielntera5679]

@@createdbykoko It was nice and clean as always, and it helps a lot yeah, but one thing if you can try to push a bit further it would be more helpful, especially in state management and functionalities. Once again thank you

[@developerbs]

As always very good tutorial video by Mitch Koko.

[@iamkartiknayak]

Grocery app with firebase would be awesome. Great tutorial.

[@roninspect4357]

waiting for a multipage app, thanks man for all your efforts

[@billybrightson]

Awesome 🤩 here we go again. Good job Mitch

[@createdbykoko]

Thanks Billy!! first comment hehe

[@sofianeyahiaoui5462]

The animations on the text at the starting page would be a really nice touch

[@createdbykoko]

Good idea!

[@ayanparmar3476]

Very nice flutter tutorials. You make flutter so easy 😄. Definitely this multi page app makes more sense so I would suggest you to build more multi-page apps🤞.

[@createdbykoko]

More to come 👨🏽‍💻❤️

[@Kefmoles]

Thanks Mitch. Have been waiting for this kinda video.

[@createdbykoko]

Let me know how it goes :D

[@Kefmoles]

@@createdbykoko Thank you

[@muhammadfaraz3697]

I'm in love with your channel just keep uploading. 😊❤️

[@createdbykoko]

Thanks muhammad haha more to come👨🏽‍💻❤️

[@mkbfhd]

Nice work 😍 waiting for more!

[@createdbykoko]

Hey Muhammad :D

[@edidiongbassey919]

Mitch koko is an alien or A.l nobody will deceive me on this one,this guy is too good

[@kennethben-boulo7127]

Thanks for adding the cart page, you rock 🔥❤️🧘‍♂️💜💜💜💜

[@createdbykoko]

You are so welcome kenneth ❤

[@Iamsafuvan]

Nice tutorials waiting for more videos

[@fatwah_fir]

Thank you sir this video is very helpful for my training

[@adsoobregon9815]

This are so good a real hero

[@LM43243]

Love the videos, keep it up mate. Would love to see a tutorial on icloud db management to save data, cheers

[@jglitse]

Great video! you're too good.😃

[@ismailhossain4730]

Its good. Waiting for next video

[@emirhan2070]

really nice tuto btw

[@eokdev]

Please just make a full e commerce app with firebase as backend... many and I will really need it!! Thank you 🙏🏽

[@AlDasturchi]

Firebase is not best solution for it. I recommend you to learn django, Python as a backend

[@anonymoususer2757]

Amazing Tutorial...🙂

[@irfanganatra537]

very good video as u included multiscreen as well as Provider...indeed, very helpful for beginners.....Awaiting your video with provider+firebase combination....like update the same one with firebase data👌👌👌👌

[@Fidence]

Really helpful

[@flutterskills]

awesome!!

[@createdbykoko]

Thanks! Lmk how it goes

[@haiderjaafer8164]

Really great tutorial keep going forward... We need complete app with API hope will be node js and MySQL.thank alot

[@nyinyijnine]

im dying with silvergriddelegatewithfixedaxiscount

[@agustincuesta6472]

excelente muy buen tutorial gracias

[@sumirandahal76]

One thing I want to ask , should I use any other buttons like elevated buttons , text button or make a text widget and put in order gesture controller just like you ? What is the better approach here ?

[@unse_bang_tv]

so sweet coding, 감사합니다^^

[@createdbykoko]

안녕하세요ㅋㅋㅋ

[@ugochukwuanajemba3117]

Please can you add more to this groceries like notification, get data from filestore, like product search by category and subcategory, checkout and secure payment. Thanks

[@adelodunadeyemi4320]

wow. this was extremely helpful. thanks a lot. in my project though, how i want to add a details page. page has been created but how do i pass the selected index properties. do i use a pageRoute or provider

[@awarefn1929]

if i may ask, why use a container for the button instead of just a flatbutton or an actual button widget? sorry if i missed it, just new to this and want to understand why choose b over a.

[@pajunaredilbertojr.s.3612]

hi! been following you throughout your vides, but somehow I can't see videos about model-view-controller tutorial. I hope you can make about it. You're very good creator. Thank you!

[@sreejithcs9443]

GREAT❤‍🔥

[@createdbykoko]

❤‍🔥❤‍🔥❤‍🔥 glad u like it!

[@sreejithcs9443]

@@createdbykoko Big Fan of ur work ❤️✨️

[@princechibueze1568]

Thank you for this video, really appreciate and continue to make more. bought your course and I love it but please update with state management, responsiveness in other devices(not tablet and computer}, and other advanced stuff for those that can at least create basic UI so we can grow or make another course. Thank you

[@createdbykoko]

Thank you! Will do!

[@princechibueze1568]

@@createdbykoko Awesome

[@doramoungueri1783]

Hello may i know please which software are you using for the ode?

[@chinedumabel5103]

Hi, I wanted a different way for users to add items to cart. That is they add items simply by clicking on an add item button and then they are able to search for item they are looking for...click on the item and it's added to cart . This means that at d backend, I would have to import a csv file of items and prices...how would I achieve this

[@itsmovietime1398]

Bro it was easy to understand the code from your video . I wish if you had added the authentication and payment options too.

[@wassaufkhalid8593]

I have a request.. please make a video on in app purchases for playstore.

[@mohanmovibrothers3539]

Mitch koko where to learn from beginner to advanced flutter as well as dart language

[@Winters__]

I want more of this

[@createdbykoko]

More of this to come then 👨🏽‍💻❤️

[@maismail8499]

wow so nice app

[@createdbykoko]

Haha thanks 😊

[@ibtissam1667]

which version of flutter do you use ?

[@user-cw4md6if5n]

Great video

[@createdbykoko]

thanks💜 hope it helps! how's your flutter app going :D

[@razuahmed3493]

how can I add the List's index into the badge package? sir, please tell me about that

[@user-vi6xk1gi1c]

hi how did you not press the play button how do you instantly when editing something in vs code it appears in iOS simulator I have vs code and every time I have to press play button can't do it like you

[@Boss-pe7wr]

I have windows os, do i need a mac to learn and get job as flutter developer?

[@godwinsampson6081]

Why don't you use Elevated buttons?

[@createdbykoko]

Good question, maybe i could use some elevated buttons instead of material buttons. Do you like elevated buttons?

[@godwinsampson6081]

@@createdbykoko yes, I think Elevated Buttons are better...

[@merasolo7598]

This is great tutorial but at the end how can add like in CART if the total is 20$ then the customer pay 50 then, write 50 then the balance will be 30. And this need report in back end like excel or database kind to record all the transactions. How can I develop this?

[@infantjacobj7996]

can you please help me for dropdown for adding netweight, like 700 Kg that kg will come in dropdown

[@blakeyoung115]

This was great. When can you show us how to authenticate a use and place a real order as part of this App,?

[@codecret1]

Please do it using firestore please

[@Grgshaer]

did you make his database?

[@tonymetogo5287]

how to add products dynamically in a Firebase database

[@bugrakahvecioglu9970]

How can we track these orders another screen ? Please teach us🙏

[@ethanlim3097]

Can you please teach how to make the purchase history and how seller view the order plssss

[@cabaucom376]

Is there a benefit to using provider over riverpod? I’m trying to decide which state manager to learn. And also can you combine Hive with state managers to save the cart between restarts?

[@createdbykoko]

I would say just use the option that is easiest for you. Then when you run into a problem that requires a more sophisticated solution, go for that. Also yes in future videos let’s use hive to save that kind of data 👨🏽‍💻❤️

[@villagepets3146]

Instagram clone with (back end firebase,bloc State manegement) Pls sir

[@createdbykoko]

Sure ill look into that

[@riosetiawan5641]

how to make "pay now"?

[@fumixxtic61]

Can u build a dark / light mode app with provider. Updating the theme in different pages. Kind of

[@createdbykoko]

Yes i will do that dark light mode for you❤

[@fumixxtic61]

@@createdbykoko great. Thank you ♥️

[@user-gk6sc6xk6r]

problems are included this source code running time

[@vladimir432]

Please Can you Make Full Bus Tracking Mobile App

[@maxjohnson7623]

Bro where did you get these images from, they are so nice I want to know the source please

[@createdbykoko]

flaticon.com i think

[@maxjohnson7623]

@@createdbykoko thank you bro

[@danalmoznino1601]

Hey ;) I was thinking about making an app that sends your status/emotion as a notification to another phone, how can this be done?

[@createdbykoko]

Notifications! That’s one area i gota look more into and maybe make a video on!!❤

[@danalmoznino1601]

@@createdbykoko Thanks!! Would love if you make a video about it ;) Was thinking about simply pairing with two devices and each user can send an emoji describing their state, sounds good for couples but as a begginner thats why too complicated for me

[@geenews6207]

Did you learn flutter from Dr. Angela Yu?

[@wordswave7317]

In Nepali : दामी छ धन्यवाद मिच कोको Translation: wonderful video Mitch Koko

[@createdbykoko]

Haha no worries❤❤

[@kadirgulluoglu]

your intro is very good can you tell me how can i make it

[@createdbykoko]

Software called Rotato

[@DaveTradeFx_01]

Could you make a content about the authentication and provider more in deep?

[@createdbykoko]

FLUTTER AUTH PLAYLIST: 1 • 📱 Modern Login UI • kzbin.info/www/bejne/epmQlIeHf8yAY7M 2 • 📱 Email Login & Logout • kzbin.info/www/bejne/lWS6Xn2rfrt5osk 3 • 📱 Email Sign Up • kzbin.info/www/bejne/p525m2Bmq9WUjZI 4 • 📱 Google Sign In • kzbin.info/www/bejne/Z4abkICnZraXjpY PROVIDER:kzbin.info/www/bejne/q4LYqaWQepeXp6Msi=dtHbvw_zar33_fHv

[@parekhdeepsatishbhai4788]

What is better for state management provider or getx?

[@createdbykoko]

Depends on your needs!! How complex is your app

[@parekhdeepsatishbhai4788]

@@createdbykoko ok

[@pareshgamehint3332]

It's not scrolling

[@isaacdestura7495]

Using Providers: 10:00

[@lal9911]

It would be great if you connected the pay option to firebass, and if you fetched the items from database. Thanks Mitch🙏🏼

[@createdbykoko]

Noted ❤

[@ethanlim3097]

@@createdbykoko would be appreciated if you still doing this. the payment, firebase and fetched items from database

[@franciscogabriel1771]

Guys, does anyone know how to download dribbble designs ? Or do you do it just by looking at the dribble ?

[@createdbykoko]

yeah just by looking at it haha

[@franciscogabriel1771]

@@createdbykoko Ok, thanks

[@createdbykoko]

@@franciscogabriel1771 no worries bro. I use dribbble to find inspiration

[@ghulammurtaza7959]

This is great but you should make complete pages not just only one or two I saw your previous videos you only design one page or two not all you should design all pages.

[@createdbykoko]

yep working on more multi-page apps :D

[@SpeedKid-dr3kn]

bro please slow down a bit

[@createdbykoko]

Noted ❤️

[@nusratarif6519]

tttttttttttttttttttttttttttthhhhhhhhhhhhhhhhhhhhhaaaaaaaaaaaaaaaaaaaannnnnnnnnnnnnnnnnnnnnnkkkkkkkkkkkkkkkkkkkkkksssssssssssssssssssssssssssss

[@createdbykoko]

Yooooooouuuuuuuu’reeeeeeeeeee weeeeeeelccccccooooomeeeeeee ❤️

[@johnrm9]

Cool App. I played around with the Cart model using a Map structure instead of just a List: class CartModel extends ChangeNotifier { final List _shopItems = [ { 'itemName': 'Avocado', 'itemPrice': '4.00', 'imagePath': Assets.images.avocado.path, 'color': Colors.green, }, { 'itemName': 'Banana', 'itemPrice': '2.50', 'imagePath': Assets.images.banana.path, 'color': Colors.yellow, }, { 'itemName': 'Chicken', 'itemPrice': '12.80', 'imagePath': Assets.images.chicken.path, 'color': Colors.brown, }, { 'itemName': 'Water', 'itemPrice': '1.00', 'imagePath': Assets.images.water.path, 'color': Colors.blue, }, ]; ... The imagePath value is using the Flutter_Gen_Runner package instead of a String literal. The Map structure is used like... GroceryItemTile( itemName: cartModel.shopItems[index]['itemName'].toString(), itemPrice: cartModel.shopItems[index]['itemPrice'].toString(), imagePath: cartModel.shopItems[index]['imagePath'].toString(), color: cartModel.shopItems[index]['color']! as Color, onPressed: () => Provider.of(context, listen: false) .addItemToCart(index), ),