Тёмный

🥑📱 Grocery Shop App • Flutter Tutorial ♥ 

Mitch Koko
Подписаться 121 тыс.
Просмотров 97 тыс.
50% 1

💬 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

Наука

Опубликовано:

 

17 ноя 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 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 • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-nUBMK7UEQ1Q.html LISTVIEW • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-k1LxTsmAURU.html GESTURE DETECTOR • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-iTrqA8Ec0gQ.html GOOGLE FONTS • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-w9rB4cnAPIg.html IMAGE • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6TmpjwKX9AU.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
@developerbs
@developerbs 9 месяцев назад
As always very good tutorial video by Mitch Koko.
@iamkartiknayak
@iamkartiknayak Год назад
Grocery app with firebase would be awesome. Great tutorial.
@roninspect4357
@roninspect4357 Год назад
waiting for a multipage app, thanks man for all your efforts
@billybrightson
@billybrightson Год назад
Awesome 🤩 here we go again. Good job Mitch
@createdbykoko
@createdbykoko Год назад
Thanks Billy!! first comment hehe
@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 👨🏽‍💻❤️
@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
@muhammadfaraz3697
@muhammadfaraz3697 Год назад
I'm in love with your channel just keep uploading. 😊❤️
@createdbykoko
@createdbykoko Год назад
Thanks muhammad haha more to come👨🏽‍💻❤️
@mkbfhd
@mkbfhd Год назад
Nice work 😍 waiting for more!
@createdbykoko
@createdbykoko Год назад
Hey Muhammad :D
@edidiongbassey919
@edidiongbassey919 Год назад
Mitch koko is an alien or A.l nobody will deceive me on this one,this guy is too good
@kennethben-boulo7127
@kennethben-boulo7127 Год назад
Thanks for adding the cart page, you rock 🔥❤️🧘‍♂️💜💜💜💜
@createdbykoko
@createdbykoko Год назад
You are so welcome kenneth ❤
@Iamsafuvan
@Iamsafuvan Год назад
Nice tutorials waiting for more videos
@fatwah_fir
@fatwah_fir Год назад
Thank you sir this video is very helpful for my training
@adsoobregon9815
@adsoobregon9815 Год назад
This are so good a real hero
@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.😃
@ismailhossain4730
@ismailhossain4730 Год назад
Its good. Waiting for next video
@emirhan2070
@emirhan2070 Год назад
really nice tuto btw
@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 17 дней назад
Firebase is not best solution for it. I recommend you to learn django, Python as a backend
@anonymoususer2757
@anonymoususer2757 Год назад
Amazing Tutorial...🙂
@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👌👌👌👌
@Fidence
@Fidence 10 месяцев назад
Really helpful
@flutterskills
@flutterskills Год назад
awesome!!
@createdbykoko
@createdbykoko Год назад
Thanks! Lmk how it goes
@haiderjaafer8164
@haiderjaafer8164 Год назад
Really great tutorial keep going forward... We need complete app with API hope will be node js and MySQL.thank alot
@nyinyijnine
@nyinyijnine 8 месяцев назад
im dying with silvergriddelegatewithfixedaxiscount
@agustincuesta6472
@agustincuesta6472 Год назад
excelente muy buen tutorial gracias
@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 ?
@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
@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
@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.
@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!
@sreejithcs9443
@sreejithcs9443 Год назад
GREAT❤‍🔥
@createdbykoko
@createdbykoko Год назад
❤‍🔥❤‍🔥❤‍🔥 glad u like it!
@sreejithcs9443
@sreejithcs9443 Год назад
@@createdbykoko Big Fan of ur work ❤️✨️
@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
@doramoungueri1783
@doramoungueri1783 Год назад
Hello may i know please which software are you using for the ode?
@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
@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.
@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
@Winters__
@Winters__ Год назад
I want more of this
@createdbykoko
@createdbykoko Год назад
More of this to come then 👨🏽‍💻❤️
@maismail8499
@maismail8499 Год назад
wow so nice app
@createdbykoko
@createdbykoko Год назад
Haha thanks 😊
@ibtissam1667
@ibtissam1667 Год назад
which version of flutter do you use ?
@user-cw4md6if5n
@user-cw4md6if5n Год назад
Great video
@createdbykoko
@createdbykoko Год назад
thanks💜 hope it helps! how's your flutter app going :D
@razuahmed3493
@razuahmed3493 Год назад
how can I add the List's index into the badge package? sir, please tell me about that
@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
@Boss-pe7wr
@Boss-pe7wr Год назад
I have windows os, do i need a mac to learn and get job as flutter developer?
@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...
@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
@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
@Grgshaer
@Grgshaer 6 месяцев назад
did you make his database?
@tonymetogo5287
@tonymetogo5287 Год назад
how to add products dynamically in a Firebase database
@bugrakahvecioglu9970
@bugrakahvecioglu9970 5 месяцев назад
How can we track these orders another screen ? Please teach us🙏
@ethanlim3097
@ethanlim3097 Год назад
Can you please teach how to make the purchase history and how seller view the order plssss
@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 👨🏽‍💻❤️
@villagepets3146
@villagepets3146 Год назад
Instagram clone with (back end firebase,bloc State manegement) Pls sir
@createdbykoko
@createdbykoko Год назад
Sure ill look into that
@riosetiawan5641
@riosetiawan5641 7 месяцев назад
how to make "pay now"?
@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 ♥️
@user-gk6sc6xk6r
@user-gk6sc6xk6r 6 месяцев назад
problems are included this source code running time
@vladimir432
@vladimir432 Год назад
Please Can you Make Full Bus Tracking Mobile App
@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
@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
@geenews6207
@geenews6207 Год назад
Did you learn flutter from Dr. Angela Yu?
@wordswave7317
@wordswave7317 Год назад
In Nepali : दामी छ धन्यवाद मिच कोको Translation: wonderful video Mitch Koko
@createdbykoko
@createdbykoko Год назад
Haha no worries❤❤
@kadirgulluoglu
@kadirgulluoglu Год назад
your intro is very good can you tell me how can i make it
@createdbykoko
@createdbykoko Год назад
Software called Rotato
@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 • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Dh-cTQJgM-Q.html 2 • 📱 Email Login & Logout • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_3W-JuIVFlg.html 3 • 📱 Email Sign Up • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qlVj-0vpaW0.html 4 • 📱 Google Sign In • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1U8_Mq1QdX4.html PROVIDER:ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uQuxrZE2dqA.htmlsi=dtHbvw_zar33_fHv
@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
@pareshgamehint3332
@pareshgamehint3332 Год назад
It's not scrolling
@isaacdestura7495
@isaacdestura7495 10 месяцев назад
Using Providers: 10:00
@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
@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
@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
@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
🍩📱 Donut App UI • Flutter Tutorial ♥
15:36
Просмотров 33 тыс.
DEFINITELY NOT HAPPENING ON MY WATCH! 😒
00:12
Просмотров 27 млн
마시멜로우로 체감되는 요즘 물가
00:20
Does size matter? BEACH EDITION
00:32
Просмотров 7 млн
❤️My First Subscriber #shorts #thankyou
00:26
Просмотров 3,9 млн
Flutter Complete E-Commerce App | Flutter UI
20:19
Просмотров 28 тыс.
🍣📱 Sushi Restaurant App • Flutter Tutorial ♡
40:21
I Built A Mobile APP In 30 Minutes With No-Code + AI
8:31
Top 30 Flutter Tips and Tricks
6:50
Просмотров 540 тыс.
📱DOPE Introduction Screens • Flutter Tutorial ♡
12:08
🖥📱RESPONSIVE DESIGN • Flutter Tutorial
8:03
Просмотров 271 тыс.
Треш ПК за 420 000 рублей
0:59
Просмотров 108 тыс.
Choose a phone for your mom
0:20
Просмотров 6 млн