🥑📱 Grocery Shop App • Flutter Tutorial ♥

  Рет қаралды 96,690

Mitch Koko

Mitch Koko

Жыл бұрын

💬 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

Пікірлер: 130
@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 • kzfaq.info/get/bejne/pLtygK5ouqu1YYU.html LISTVIEW • kzfaq.info/get/bejne/oZd8q7ek0qe5gok.html GESTURE DETECTOR • kzfaq.info/get/bejne/n7qipKRpqsmUl4U.html GOOGLE FONTS • kzfaq.info/get/bejne/rZ-idZeU06e0eZs.html IMAGE • kzfaq.info/get/bejne/bLqdo82osL6dcYk.html I hope this helps you ❤
@ghulammurtaza7959
@ghulammurtaza7959 Жыл бұрын
Yes it's great idea design all the pages
@clifordachoka
@clifordachoka Жыл бұрын
I love this idea of multiple screens. Keep this up. And keep making the uis complex.
@createdbykoko
@createdbykoko Жыл бұрын
@@clifordachoka more to come!! Gota make these apps more functional!!! 👨🏽‍💻❤️
@parekhdeepsatishbhai4788
@parekhdeepsatishbhai4788 Жыл бұрын
What is bette for state management provider or getx?
@ghulammurtaza7959
@ghulammurtaza7959 Жыл бұрын
@@parekhdeepsatishbhai4788 provider is better it's simple and easy for Beginners
@gabrielntera5679
@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
@createdbykoko Жыл бұрын
Hey Gabriel glad you like it! i hope this helps. let me know how it goes!!
@gabrielntera5679
@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
@roninspect4357
@roninspect4357 Жыл бұрын
waiting for a multipage app, thanks man for all your efforts
@iamkartiknayak
@iamkartiknayak Жыл бұрын
Grocery app with firebase would be awesome. Great tutorial.
@billybrightson
@billybrightson Жыл бұрын
Awesome 🤩 here we go again. Good job Mitch
@createdbykoko
@createdbykoko Жыл бұрын
Thanks Billy!! first comment hehe
@developerbs
@developerbs 9 ай бұрын
As always very good tutorial video by Mitch Koko.
@sofianeyahiaoui5462
@sofianeyahiaoui5462 Жыл бұрын
The animations on the text at the starting page would be a really nice touch
@createdbykoko
@createdbykoko Жыл бұрын
Good idea!
@ayanparmar3476
@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
@createdbykoko Жыл бұрын
More to come 👨🏽‍💻❤️
@edidiongbassey919
@edidiongbassey919 Жыл бұрын
Mitch koko is an alien or A.l nobody will deceive me on this one,this guy is too good
@eokdev
@eokdev Жыл бұрын
Please just make a full e commerce app with firebase as backend... many and I will really need it!! Thank you 🙏🏽
@AlDasturchi
@AlDasturchi 16 күн бұрын
Firebase is not best solution for it. I recommend you to learn django, Python as a backend
@mkbfhd
@mkbfhd Жыл бұрын
Nice work 😍 waiting for more!
@createdbykoko
@createdbykoko Жыл бұрын
Hey Muhammad :D
@muhammadfaraz3697
@muhammadfaraz3697 Жыл бұрын
I'm in love with your channel just keep uploading. 😊❤️
@createdbykoko
@createdbykoko Жыл бұрын
Thanks muhammad haha more to come👨🏽‍💻❤️
@kennethben-boulo7127
@kennethben-boulo7127 Жыл бұрын
Thanks for adding the cart page, you rock 🔥❤️🧘‍♂️💜💜💜💜
@createdbykoko
@createdbykoko Жыл бұрын
You are so welcome kenneth ❤
@Kefmoles
@Kefmoles Жыл бұрын
Thanks Mitch. Have been waiting for this kinda video.
@createdbykoko
@createdbykoko Жыл бұрын
Let me know how it goes :D
@Kefmoles
@Kefmoles Жыл бұрын
@@createdbykoko Thank you
@Iamsafuvan
@Iamsafuvan Жыл бұрын
Nice tutorials waiting for more videos
@fatwah_fir
@fatwah_fir Жыл бұрын
Thank you sir this video is very helpful for my training
@LM43243
@LM43243 Жыл бұрын
Love the videos, keep it up mate. Would love to see a tutorial on icloud db management to save data, cheers
@jglitse
@jglitse Жыл бұрын
Great video! you're too good.😃
@irfanganatra537
@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👌👌👌👌
@adsoobregon9815
@adsoobregon9815 Жыл бұрын
This are so good a real hero
@emirhan2070
@emirhan2070 Жыл бұрын
really nice tuto btw
@ismailhossain4730
@ismailhossain4730 Жыл бұрын
Its good. Waiting for next video
@anonymoususer2757
@anonymoususer2757 Жыл бұрын
Amazing Tutorial...🙂
@haiderjaafer8164
@haiderjaafer8164 Жыл бұрын
Really great tutorial keep going forward... We need complete app with API hope will be node js and MySQL.thank alot
@sumirandahal76
@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 ?
@Fidence
@Fidence 10 ай бұрын
Really helpful
@flutterskills
@flutterskills Жыл бұрын
awesome!!
@createdbykoko
@createdbykoko Жыл бұрын
Thanks! Lmk how it goes
@agustincuesta6472
@agustincuesta6472 Жыл бұрын
excelente muy buen tutorial gracias
@nyinyijnine
@nyinyijnine 8 ай бұрын
im dying with silvergriddelegatewithfixedaxiscount
@awarefn1929
@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.
@unse_bang_tv
@unse_bang_tv Жыл бұрын
so sweet coding, 감사합니다^^
@createdbykoko
@createdbykoko Жыл бұрын
안녕하세요ㅋㅋㅋ
@ugochukwuanajemba3117
@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
@princechibueze1568
@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
@createdbykoko Жыл бұрын
Thank you! Will do!
@princechibueze1568
@princechibueze1568 Жыл бұрын
@@createdbykoko Awesome
@chinedumabel5103
@chinedumabel5103 10 ай бұрын
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
@pajunaredilbertojr.s.3612
@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!
@adelodunadeyemi4320
@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
@sreejithcs9443
@sreejithcs9443 Жыл бұрын
GREAT❤‍🔥
@createdbykoko
@createdbykoko Жыл бұрын
❤‍🔥❤‍🔥❤‍🔥 glad u like it!
@sreejithcs9443
@sreejithcs9443 Жыл бұрын
@@createdbykoko Big Fan of ur work ❤️✨️
@itsmovietime1398
@itsmovietime1398 6 ай бұрын
Bro it was easy to understand the code from your video . I wish if you had added the authentication and payment options too.
@godwinsampson6081
@godwinsampson6081 Жыл бұрын
Why don't you use Elevated buttons?
@createdbykoko
@createdbykoko Жыл бұрын
Good question, maybe i could use some elevated buttons instead of material buttons. Do you like elevated buttons?
@godwinsampson6081
@godwinsampson6081 Жыл бұрын
@@createdbykoko yes, I think Elevated Buttons are better...
@Winters__
@Winters__ Жыл бұрын
I want more of this
@createdbykoko
@createdbykoko Жыл бұрын
More of this to come then 👨🏽‍💻❤️
@user-cw4md6if5n
@user-cw4md6if5n Жыл бұрын
Great video
@createdbykoko
@createdbykoko Жыл бұрын
thanks💜 hope it helps! how's your flutter app going :D
@maismail8499
@maismail8499 Жыл бұрын
wow so nice app
@createdbykoko
@createdbykoko Жыл бұрын
Haha thanks 😊
@doramoungueri1783
@doramoungueri1783 Жыл бұрын
Hello may i know please which software are you using for the ode?
@wassaufkhalid8593
@wassaufkhalid8593 9 ай бұрын
I have a request.. please make a video on in app purchases for playstore.
@mohanmovibrothers3539
@mohanmovibrothers3539 Жыл бұрын
Mitch koko where to learn from beginner to advanced flutter as well as dart language
@razuahmed3493
@razuahmed3493 Жыл бұрын
how can I add the List's index into the badge package? sir, please tell me about that
@blakeyoung115
@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
@codecret1 Жыл бұрын
Please do it using firestore please
@user-vi6xk1gi1c
@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
@cabaucom376
@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
@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 👨🏽‍💻❤️
@ibtissam1667
@ibtissam1667 Жыл бұрын
which version of flutter do you use ?
@Boss-pe7wr
@Boss-pe7wr Жыл бұрын
I have windows os, do i need a mac to learn and get job as flutter developer?
@villagepets3146
@villagepets3146 Жыл бұрын
Instagram clone with (back end firebase,bloc State manegement) Pls sir
@createdbykoko
@createdbykoko Жыл бұрын
Sure ill look into that
@ethanlim3097
@ethanlim3097 Жыл бұрын
Can you please teach how to make the purchase history and how seller view the order plssss
@fumixxtic61
@fumixxtic61 Жыл бұрын
Can u build a dark / light mode app with provider. Updating the theme in different pages. Kind of
@createdbykoko
@createdbykoko Жыл бұрын
Yes i will do that dark light mode for you❤
@fumixxtic61
@fumixxtic61 Жыл бұрын
@@createdbykoko great. Thank you ♥️
@merasolo7598
@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
@infantjacobj7996 Жыл бұрын
can you please help me for dropdown for adding netweight, like 700 Kg that kg will come in dropdown
@tonymetogo5287
@tonymetogo5287 Жыл бұрын
how to add products dynamically in a Firebase database
@wordswave7317
@wordswave7317 Жыл бұрын
In Nepali : दामी छ धन्यवाद मिच कोको Translation: wonderful video Mitch Koko
@createdbykoko
@createdbykoko Жыл бұрын
Haha no worries❤❤
@riosetiawan5641
@riosetiawan5641 7 ай бұрын
how to make "pay now"?
@vladimir432
@vladimir432 Жыл бұрын
Please Can you Make Full Bus Tracking Mobile App
@lal9911
@lal9911 Жыл бұрын
It would be great if you connected the pay option to firebass, and if you fetched the items from database. Thanks Mitch🙏🏼
@createdbykoko
@createdbykoko Жыл бұрын
Noted ❤
@ethanlim3097
@ethanlim3097 Жыл бұрын
@@createdbykoko would be appreciated if you still doing this. the payment, firebase and fetched items from database
@bugrakahvecioglu9970
@bugrakahvecioglu9970 5 ай бұрын
How can we track these orders another screen ? Please teach us🙏
@geenews6207
@geenews6207 Жыл бұрын
Did you learn flutter from Dr. Angela Yu?
@Grgshaer
@Grgshaer 6 ай бұрын
did you make his database?
@danalmoznino1601
@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
@createdbykoko Жыл бұрын
Notifications! That’s one area i gota look more into and maybe make a video on!!❤
@danalmoznino1601
@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
@DaveTradeFx_01
@DaveTradeFx_01 10 ай бұрын
Could you make a content about the authentication and provider more in deep?
@createdbykoko
@createdbykoko 10 ай бұрын
FLUTTER AUTH PLAYLIST: 1 • 📱 Modern Login UI • kzfaq.info/get/bejne/es5dlreCr82xXYU.html 2 • 📱 Email Login & Logout • kzfaq.info/get/bejne/lZmHYK2mrryqnJs.html 3 • 📱 Email Sign Up • kzfaq.info/get/bejne/p9KGnZBh29bFh2Q.html 4 • 📱 Google Sign In • kzfaq.info/get/bejne/Z7tokrCilrfIiGg.html PROVIDER:kzfaq.info/get/bejne/q7elq9WLqpjIoXU.htmlsi=dtHbvw_zar33_fHv
@kadirgulluoglu
@kadirgulluoglu Жыл бұрын
your intro is very good can you tell me how can i make it
@createdbykoko
@createdbykoko Жыл бұрын
Software called Rotato
@parekhdeepsatishbhai4788
@parekhdeepsatishbhai4788 Жыл бұрын
What is better for state management provider or getx?
@createdbykoko
@createdbykoko Жыл бұрын
Depends on your needs!! How complex is your app
@parekhdeepsatishbhai4788
@parekhdeepsatishbhai4788 Жыл бұрын
@@createdbykoko ok
@isaacdestura7495
@isaacdestura7495 10 ай бұрын
Using Providers: 10:00
@maxjohnson7623
@maxjohnson7623 7 ай бұрын
Bro where did you get these images from, they are so nice I want to know the source please
@createdbykoko
@createdbykoko 7 ай бұрын
flaticon.com i think
@maxjohnson7623
@maxjohnson7623 7 ай бұрын
@@createdbykoko thank you bro
@user-gk6sc6xk6r
@user-gk6sc6xk6r 6 ай бұрын
problems are included this source code running time
@pareshgamehint3332
@pareshgamehint3332 Жыл бұрын
It's not scrolling
@ghulammurtaza7959
@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
@createdbykoko Жыл бұрын
yep working on more multi-page apps :D
@franciscogabriel1771
@franciscogabriel1771 Жыл бұрын
Guys, does anyone know how to download dribbble designs ? Or do you do it just by looking at the dribble ?
@createdbykoko
@createdbykoko Жыл бұрын
yeah just by looking at it haha
@franciscogabriel1771
@franciscogabriel1771 Жыл бұрын
@@createdbykoko Ok, thanks
@createdbykoko
@createdbykoko Жыл бұрын
@@franciscogabriel1771 no worries bro. I use dribbble to find inspiration
@SpeedKid-dr3kn
@SpeedKid-dr3kn 4 ай бұрын
bro please slow down a bit
@createdbykoko
@createdbykoko 4 ай бұрын
Noted ❤️
@nusratarif6519
@nusratarif6519 4 ай бұрын
tttttttttttttttttttttttttttthhhhhhhhhhhhhhhhhhhhhaaaaaaaaaaaaaaaaaaaannnnnnnnnnnnnnnnnnnnnnkkkkkkkkkkkkkkkkkkkkkksssssssssssssssssssssssssssss
@createdbykoko
@createdbykoko 4 ай бұрын
Yooooooouuuuuuuu’reeeeeeeeeee weeeeeeelccccccooooomeeeeeee ❤️
@johnrm9
@johnrm9 2 ай бұрын
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), ),
🌤📱 Minimal Weather App • Flutter Tutorial
13:22
Mitch Koko
Рет қаралды 82 М.
🖥📱Responsive Dashboard UI • FLUTTER Tutorial ♡
29:33
Mitch Koko
Рет қаралды 140 М.
WHO LAUGHS LAST LAUGHS BEST 😎 #comedy
00:18
HaHaWhat
Рет қаралды 17 МЛН
路飞被小孩吓到了#海贼王#路飞
00:41
路飞与唐舞桐
Рет қаралды 64 МЛН
I Can't Believe We Did This...
00:38
Stokes Twins
Рет қаралды 90 МЛН
🍣📱 Sushi Restaurant App • Flutter Tutorial ♡
40:21
Mitch Koko
Рет қаралды 57 М.
Shopping App UI Design in Flutter - E-Commerce App UI Design Flutter
1:30:56
How To Stream Audio & Video Files Using React & NodeJS
7:44
someonewhocodez
Рет қаралды 618
👨🏽‍💻 Let's clone a dribbble design using FLUTTER ♡
38:41
📱DOPE Introduction Screens • Flutter Tutorial ♡
12:08
Mitch Koko
Рет қаралды 91 М.
📱 Modern Smart Home UI • Flutter Tutorial ♥
14:18
Mitch Koko
Рет қаралды 68 М.
🔒📱 Modern Login UI • Flutter Auth Tutorial ♡
16:43
Mitch Koko
Рет қаралды 236 М.
Food Delivery App UI Design In Flutter - Food Order App Design Flutter
1:31:29
🖥📱RESPONSIVE DESIGN • Flutter Tutorial
8:03
Mitch Koko
Рет қаралды 271 М.
Easy Art with AR Drawing App - Step by step for Beginners
0:27
Melli Art School
Рет қаралды 9 МЛН
Choose a phone for your mom
0:20
ChooseGift
Рет қаралды 6 МЛН
Красиво, но телефон жаль
0:32
Бесполезные Новости
Рет қаралды 219 М.