This is an e-commerce app for food delivery using flutter with backend as crash course tutorial for iOS and Android. This is a shopping app with backend of Laravel and Laravel admin panel using restful api complete CRUD operations. We also used firebase for notification. This tutorial covers complete shopping cart, placing orders, signup or registration, sign-in or login, payment.
👉📕Take the course on Udemy how to build a Chatting App
https://www.udemy.com/course/flutter-firebase-complete-chat-app/?referralCode=689C3231BAA17FEB69CB
👈
😀😀😀😀Bangali can pay through bikash and get the source code
01879995515 (bikash code). Once you make the payment I will send you the source code.
If you make payment send me your last four digits to info@dbestech.com
Subscribe to my other youtube channel about making money on youtube
/channel/UCJZJucuCwedUKqYt1Fj26-g
Buy a Macbook as I am using for Flutter app dev
https://amzn.to/3AsvPKn
Buy me a coffee
https://www.buymeacoffee.com/dbestech/e/79321
Flutter E-commerce app tutorial part 2
/watch/Euz6uovoJQGo6
Flutter E-commerce app tutorial part 4
/watch/Y8M1kmVJoJsJ1
Get the source code of this food ordering app with ui and backend as you saw in the demo section of this video here
https://www.dbestech.com/tutorials/flutter-food-delivery-app-e-commerce-for-ios-and-android
Task management app
https://www.dbestech.com/tutorials/flutter-task-management-app-with-restful-api
Flutter complete game
https://www.patreon.com/posts/69387681
It's your next online shop.
This tutorial for beginners to advanced. This app development tutorial covers a complete app as a project. This app uses Getx as state management system. (not speed code, not the flutter way)
twitter @dbestech
If you like my contribution paypal($.99) me at https://www.paypal.com/paypalme/dbestech
Get the quick access to the code for the shopping app from Patreon
https://www.patreon.com/posts/61833613
Get the quick access to the code for the quiz app from Patreon
https://www.patreon.com/posts/63323762
Major features
1. Show products based on category
2. Shopping cart
3. Place your order
4. Track order
5. User profile
6. Sign in & Sign up
7. User address location from Google Map
8. Zone based order
9. User Authentication
10. Firebase notification
11. Payment (Paypal)
12. Create new products on the backend
13. See order details
14. Update order status
Timestamps
0:03:00 Introduction of the e-commerce app
0:05:00 Tutorial part 1 introduction
0:06:24 Tutorial part 2 introduction
0:07:25 Introduce part 3 tutorial
0:08:00 Start coding
0:10:00 Create home page directory and file
0:10:26 Create main food page class
0:11:22 Draw the header section
0:41:04 PageView.builder
0:56:39 PageViewBuilder height
1:20:38 Set up default color for IconAndTextWidget
1:38:00 Start working on the sliding and scaling Pageviewbuilder
1:56:58 Work on the shadow
2:25:25 BigText work on the default font size
2:43:50 Finished working on the dots indicator
2:45:00 Working the viewport height for ListView.Builder
3:17:00 Start working on the RecommendedFoodDetail page
5:04:00 Work on the navigation of the pages and app architecture
5:10:00 Explain app artchitecture
5:20:00 Create ApiClient file and explain headers, baseurl and timeout
5:28:00 Popular product repo
5:32:00 Create getData() method in the ApiClient file
5:41:00 Working on the popularproductList
5:55:00 Understand Models, Classes, MAP and JSON
6:26:00 Show how to use tools to generate Classes and Model
5:16:10 Create helper folder for dependency injection
5:17:02 Create file dependencies.dart
6:44:00 Debug and print data from getPopularProductList
7:12 Use the data from the network and show on popularproduct detail page
7:33:00 Work on the recommended product page and display data from the network
7:48:00 Use GetX Router for navigation from HomePage
7:48:18 RouteHelper Class
7:59:00 Create more Routes for the app
8:35:00 Explain the Shopping App and Shopping Cart
8:46:00 Work on the setQuantity method
8:55:00 Work on the checkQuantity method
9:08:00 Inject CartRepo in the dependency
9:14 :00 Modify CartModel for Quantity
9:26:50 Pass CartController to ProductController
9:50:00 Work on the additem method on CartController
10:00:00 Create isExistInCart method
10:16:00 Modify addItem method on PopularProductController
11:16:00 Create CartPage file
11:28:00 explain getItems method in CartController
@thegospellightمنذ 2 سنواتjust the thought of having a complete course of about 27 hours for free shows your zeal to help as many people as possible to learn flutter. thanks for id="hidden2" class="buttons"> your time, effort and contribution to helping people become better versions of their self. hoping for the part 2 soon. ....وسعت490
@
@davidadewale8466منذ 2 سنواتJust got to know this channel few days ago and I can surely say "You have done well" not only because you posted videos but also because you id="hidden3" class="buttons"> posted relevant and real-world project. Thanks, looking forward to the second part of this video. ....وسعت25
@
@Counter_Hourمنذ 2 سنواتLove this! Very clear and easy to follow along, even in most complex parts. The pacing is just right, informative and relaxing in some way. You are a legend Sir, you got a very deserved donation and Patreon subscription :) 29
@
@wolvrGمنذ 2 سنواتAwesome.. I am a iOS developer and wanted to get into flutter. I have followed so may tutorial for UI in flutter but never grasped it properly. This is id="hidden5" class="buttons"> by far the best UI tutorial I have seen and understood the concept. Thanks a lot for this amazing guide. I would definitely contribute in Paypal (you totally deserve it) and also would purchase the paid courses in future. ....وسعت10
@
@tanmoysaha4686منذ 2 سنواتCompleted 4.3 hours from this 12 hours of course in 2 days. I'm just loving this course. Thank you. And also waiting for the part two eagerly! Thank you once again. 71
@
@francisnartey2585منذ 2 سنواتI haven't started but I am already impressed. 12hrsss?? Great job 2
@
@khizrshaikh9902منذ 2 سنواتWe really want Apps like this to master flutter Thanks for this buddy✨✨✨ 11
@
@neon_eclipseمنذ 2 سنواتAs a tutorial from Bangladeshi, that's amazing to see how we've updated too much on IT Sector. BTW this tutorial is lit 11
@
@lyeejiun99منذ 2 سنواتI was totally new in flutter! I had finally completed this 12 hours tutorial today and able to build my own e-commerce flutter project halfway! I will id="hidden7" class="buttons"> moving forward to learn in part 2 to complete my entire project ! Million thanks for your effort ! ❤❤ ....وسعت48
@
@putukusuma6365منذ 2 سنواتHi dbestech, Greeting from Indonesia, I came from nowhere programming language, I am just started learning dart and flutter, follow along with id="hidden8" class="buttons"> your tutorial just kind of fun learning process, you've made a complicated code became much easier and more fun to be followed, big thank's for your great effort. ....وسعت7
@
@wasibhussainمنذ 2 سنواتwa'alaikum salaam, sir you are really a gem, in this busy life no one can provide such an informative tutorial like yours, without any price, I appreciate your efforts, also for content quality! keep it up man! <3 18
@
@required.منذ 2 سنواتJust compleated Part 1 of the tutorial and enjoyed every bit of it, The coding style is very straight-forward and easy to follow, Thank you for creating id="hidden10" class="buttons"> this type of epic content, it is a masterpiece flutter tutorial which covers from Beginner to Pro level on internet, the instructor is also very kind and gentle with an abundance of knowledge, looking forword to follow eatch & every tutorials with keen interest . ....وسعت10
@
@gopalsays108منذ 2 سنواتDamn 12 hours of video just for part 1. you really are amazing. Thank you soo much. 5
@
@fahadmansoori7459منذ 2 سنواتExcellent tutorial, pretty much helpfull and eagerly waiting for the next part.Hatsoff to your hardwork.. 8
@
@naveedkaimkhami2695منذ 2 سنواتI would say the best channel on YouTube to master flutter. More power to you man 2
@
@user-eo4ns5nm2vالعام الماضيThis tutorial really proved its titlw in my case. I started by watching this video and I even didn't complete 8 hour. I have switched two company in id="hidden11" class="buttons"> last 10 months. This is probably my first comment on youtube.Thanks dbestech.Assalamu Alaikum. ....وسعت
@
@francescaalfonso8838قبل 5 أشهرjust a tip for dimensions class, you can just create a multiply factor = screen heght/ your phone dimensions, and multiply it by the original value. it's faster and easier, BTW amazing video
@
@blagger_comedyقبل 7 أشهرAm very happy to see a humble person like you for flutter Thank you sir keep the good work
@
@kevinmbaitoloumdjelassem6513منذ 2 سنواتExcellent work, it looks amazing to see some people out there traynna helps other to learn, many thanks to you. 7
@
@chomanthapaمنذ 2 سنواتWow! Such a hard work put in. Another video for sure to hit over a million views. Thanx 4
@
@k.m.jiaulislamjibon1443منذ 2 سنواتNever thought of getting this kind of Valuable things from a Bangladeshi. Great Tutorial, অনেক অনেক ধন্যবাদ আপনাকে 2
@
@smithkt894منذ 2 سنواتThanks man, not all heroes wear capes. I have learnt a lot from this video more than I learnt from 2 flutter courses I bought from Udemy. 12
@
@practicewithghazal1345منذ 2 سنواتI think that this is one of the best courses that I have seen. Thank you very much. you were very kind in giving the information. too easy to understand. Thank you very much. 2
@
@BrianGondoمنذ 2 سنواتBlown away. This is magnificent. Thank you for your magnanimity 2
@
@kbyo2006منذ 2 سنواتEstaba buscando un tutorial como este!!! Espero que lo termines porque tiene muy buena pinta. A lot of thanks 3
@
@gamingpuppets9426منذ 2 سنواتbeen around a month in just the First Part of the Three Parts Lol and still going even though i invest alot of time on flutter.. but i was completely begginer id="hidden14" class="buttons"> in the first and now i believe i'm kind of inter-mediate level! Even though i 've stopped the tutorial for while and started learning other stuff like state managment!.. But thanks Man for the tutorials! ....وسعت
@
@techblay6330منذ 2 سنواتI never knew i could snap responsiveness like thanos. thanks to you. This video deserves a grammy!!!!!!! 1
@
@arfaouimarouene5888منذ 2 سنواتCHokran !! Hamdou'Allah there is a people like you in this world !!!!! Many Thanks sir.
@
@peshawaamin3083منذ 2 سنواتthank you our GOAT in Flutter we proud of you ❤️ we waiting for second part ❤️ 3
@
@hoanganhle294منذ 2 سنوات12 hours for you part is awesome. you're so good, I love it. Let's wait for part two 1
@
@hossamhassan2717منذ 2 سنواتBrother, I am really unable to thank you and describe my feeling about this great work and the most wonderful effort. Really, with all my heart, thank id="hidden15" class="buttons"> you for this very beautiful content. Greetings to you, thank Allah for your presence. May Allah bless your time, health, and increase your knowledge. ....وسعت5
@
@shivaadhikari5714منذ 2 سنواتIt's really amazing. Eagerly waiting for part 2. Love from Nepal 2
@
@nourshkeir197منذ 2 سنواتPlease we need the part2 and thank you very much such a great tutorials 4
@
@totoro6500منذ 2 سنواتThis channel deserves more subscribers! 2
@
@jamaljmys1منذ 2 سنواتthat's great effort man very thankful for you. i will start coding with you and waiting the part 2. amazing. 1
@
@ahmedbathily7013منذ 2 سنواتI really don't know how to thank you , you're very blessed , thank you may Allah bless you for all that you are doing 1
@
@techwithagent7224منذ 2 سنواتMan amazing course looking forward for part 2 hope to complete part 1 fastly 3
@
@princetomar2798منذ 2 سنواتthis is what i have been looking for a long time. Thank you so much for your work. ❤️❤️. 2
@
@kemalcetindag815منذ 2 سنواتWhile I'm desperately searching for tutorials this video showed up. You saved me. Great effort Than k you for this amazing part. I will be waiting for next part. 1
@
@jaime4688قبل 11 أشهرGot my first job with this exact video thank you very much. God bless you.
@
@abdhalaa7628منذ 2 سنواتwe need the second part immediately .. in this week please .. ton of thanks for your efforts 2
@
@nayontalukder2852منذ 2 سنواتভাই আপনি Boss, আপনার সব ভিডিও এত সুন্দার, বলার বাহিরে। আমি অনেক ভিডিও দেখছি, কিন্তু আপনার মত এত গুছিয়ে, সুন্দার করে কেউ শিখাতে পারে না। অনেক অনেক ধন্যবাদ ভাইয়া।
@
@user-pq7fn4wl7rالعام الماضيThank you very much. I can see the dedication and effort put into this course clearly. You are a legend Sir 8
@
@okee14319منذ 2 سنواتthis is the best tutorial among all the other flutter courses! 2
@
@yamassiمنذ 2 سنواتThis hard work is deserves respect and like 2
@
@darkerthenblack1342منذ 2 سنواتHold up man thank you, your awesome i shared your channel with everyone i know because why not i like your content and u helped a lot thank you again 1
@
@subrotoxing8214منذ 2 سنواتFinished this in 6 days . Thank you for teaching lots of magic code ^^ 1
@
@freeyow4405منذ 2 سنواتTHANK YOU a lot. If my start-up makes it, I'll make sure to give back sir! 1
@
@renerentalhes4984منذ 2 سنواتcongratulations, the most complete tutorial I've ever seen, when is the continuation video coming out? 3
@
@theBNOhourstudioمنذ 2 سنواتthanku so much for sharing so much valuable information with us .keep doing and we all will support you and waiting for part 2 1
@
@LucasAndrade-rb7feمنذ 2 سنواتHow am i just now finding out your content?? you're amazing!!! 1
@
@gustavoferreira5622منذ 2 سنواتI'm from Brazil, I've only watched 3 hours so far and it's the best video on YouTube. besides learning dart i can improve my english. congratulations "mano"
@
@francescogarbin1984منذ 2 سنواتYou are awesome! I have followed this first part and it's so clear and complete. Congratulations and thank you for the tutorial.
@
@flutterdev9958منذ 2 سنوات"Assalam Alaikum" you are Muslim, I'm proud of that. You explain in detail many things that I was asking about, Thank you very much.
@
@dbestechمنذ 2 سنواتHello everyone, if you want to follow part 3, watch tutorial . It's about google map integration in the app for user location. You should watch and familiarize yourself with Generating API keys otherwise you won't be able to follow part 3. ....وسعت43
@
@moawadsoliman6478منذ 2 سنواتThanks to you for this tutorial, all best wishes to you from Egypt 1
@
@valirmasha4718منذ 2 سنواتWhat I like his video is explain from 0 to 1 make me clear ex: the row and column in this video. Thank you bro 1
@
@JoelWebsitesDevelopmentمنذ 2 سنواتAwesome work really appreciate your efforts.. this is better than buying a Netflix subscription. 1
@
@nikkieke9503منذ 2 سنواتThank you so much for this video. I have been building an ecommerce food order and delivery app. I have been stuck on the login/sign up backend using bloc id="hidden21" class="buttons"> cubit architecture. Thank you so much for this tutorial. I am sure it will help me so much. ....وسعت1
@
@ugwuokechinazajames3221منذ 2 سنواتI am happy I came across this. I will start already. Wow 1
@
@kevink1768منذ 2 سنواتI really appreciate your flutter lecture. It helps me a lot for understanding flutter. BTW, I think there may be a missing point in 'Create id="hidden22" class="buttons"> ApiClient file session (time lap about ). I think 'token' should be initialized. I got a error message 'Late Initialization Error: Field 'token' has not been initialized.' when I run this. After I added token =' '; in ApiClient class then it has been no problem. ....وسعت9
@
@hrithikmaheshwari3316منذ 2 سنواتthanx for this I am a flutter developer and i check your tutorial this is very helpful for me and making me very efficient code writer in specific way
@
@cpt.spikysireمنذ 2 سنواتI can't believe you did this, frrr❤❤❤❤thanks a lottt, you're the bestttttttt
@
@mohdmizanurrahman2916منذ 2 سنواتJust completed the part 1. Everything worked like magic.
@
@loveafinotan5317منذ 2 سنواتJust sent $2 for coffee n you deserve much thanks a lot this project is a huge man 2
@
@reyelahmad8057منذ 2 سنواتfood dekhei bujcchi Bangladeshi developer. thanks, man. i just started to doing your project.
@
@AdemoyeOpeoluwaمنذ 2 سنواتSuch a great effort from you, dbestech. you're such a genius for putting this course together. Below are some features I'd like to request: id="hidden24" class="buttons"> 1. Variable Food products size (small, medium and large) 2. Multiple Image upload for product details screen (carousel) 3. Social Accounts sign in and forgot password Can you please include these feature sir? Cus I will be subscribing with you on Patreon. ....وسعت10
@
@charlesifoegbuمنذ 2 سنواتYou're a genius and Godsent. How I wish I could see you in person, I would be so delighted to meet and shake hands with a legend.
@
@princetomar2798منذ 2 سنواتI've completed the full lecture and it was too awesome and now waiting for the next one. 2
@
@muditagrawal1530منذ 2 سنواتGreat Course to help beginners to master Flutter and Dart. Eagerly waiting for upcoming parts. Please upload the next parts quickly. 1
@michaelemenike5006منذ 2 سنواتYou've earned a new subscriber here, brother! I'm quite impressed by the level of explanation that you put into this tutorial A job well done!
@
@abdoubousbaa2789منذ 2 سنواتYou are the best forever ✌️❤️❤️❤️❤️❤️❤️❤️❤️ 3
@
@barscandogan3772منذ 2 سنواتMan thank you so much for this project . That was really helpful for my flutter learning . I hope your channel gets bigger everyday . You earned a subscribe.
@
@RanjanKumar-vf2omمنذ 2 سنواتWho says long videos are Boring ? Nicely explained ,Thanks.!! 1
@
@olyphotographerمنذ 2 سنواتThank you for the very great effort and the very valuable content, this is incredible! I have now worked through the first part and learned an enormous amount. 1
@
@ayzstudio6719منذ 2 سنواتGreat work, my mentor , it takes hardwork and time to gather this tutorial, thanks much love 2
@
@overthehorizon5611منذ 2 سنواتAwesome tutorial and great voice. Love form Bangladesh. 1
@
@dbestechمنذ 2 سنواتSecond part is coming on Wednesday China time 10-11 am. 7
@
@bully9858منذ 2 سنواتThanks a lot man!. Truly underrated channel! 1
@
@bibeksaha4830منذ 2 سنواتWow amazing really appreciate your efforts will be thanking you everyday thank you so much 2
@
@XxSouIxXقبل 11 أشهرVery well explained and informative! Thank you for your time and effort! 2
@
@adimera2668منذ 2 سنواتlooking forward for part 2 and part 3 as well. Thank you for your effort 1
@
@pharyyadyمنذ 2 سنواتthis tutorials is Amazing. complete tutor. Big thankyou Master 1
@
@WinnerSinghمنذ 2 سنواتSuper video, I should download this video and save it, one request could you make clip selection for this video at bottom, I think it is YouTube feature. 3
@
@meylisannagurbanow3455منذ 2 سنواتI really can see that you've done so much to finish this video. Thanx for your great efforts! 1
@
@mohammedkarem9709منذ 2 سنواتThanks for your effort bro! Keep it up I personally appreciate every minute of your videos. 1
@
@nn7312منذ 2 سنواتAmazing Work, Wish you all the best. 1
@
@muhammed1394منذ 2 سنواتI am praying for you and thank you for your effort please add second part and third part soon please we are waiting for it we need it for getting job 1
@
@aliscode2386منذ 2 سنواتWalaikum Assalam brother. You have done awesome work. May ALLAH bless you with more knowldege and wisdom <3 Ameen.
@
@hassanqorchiمنذ 2 سنواتMany thanks man. How can we reward you for your time and effort ? You are the best of the best teacher I have ever seen. Keep it up. 3
@
@sinatnon8019منذ 2 سنواتExcellent tutorial, it is very much helpfull and eagerly waiting for the next part admin 1
@
@maneetsingh964منذ 2 سنواتWow , thanks for the hardwork you are putting in 2
@
@timog2045منذ 2 سنواتWhat a masterpiece! Thank you so much and all blessings to you.
@
@dhineshdhinesh6276منذ 2 سنواتvery much thank you. You have help more people by your knowledge and effort of high class tutorial please keep on doing very thankyou 1
@
@jibrankhot1699منذ 2 سنواتmashallah sir great work please provide the next part as well sir may Allah blessed you 1
@
@taoapps5637منذ 2 سنواتThank you so much bro. May ﷲ bless you for your dedication and all. 2
@
@sheharwazirمنذ 2 سنواتBravo. The best of the BEST teacher I have ever seen. Keep it up sir. Those who start FLUTTER really needs you including me. In short "You are really a life saver". Regards 2
@
@MoGo_Sمنذ 2 سنواتYou are a great teacher and thank you for the tutorial ❤ hope to see more 1
مقاطع الفيديو ذات الصلة على A Job Landing Course | Flutter E-commerce App With Backend | Food Delivery App | Part 1:
Great job 2
Thanks for this buddy✨✨✨ 11
Greeting from Indonesia, I came from nowhere programming language, I am just started learning dart and flutter, follow along with id="hidden8" class="buttons"> your tutorial just kind of fun learning process, you've made a complicated code became much easier and more fun to be followed, big thank's for your great effort. ....وسعت 7
Thank you sir keep the good work
we waiting for second part ❤️ 3
আপনার সব ভিডিও এত সুন্দার, বলার বাহিরে। আমি অনেক ভিডিও দেখছি, কিন্তু আপনার মত এত গুছিয়ে, সুন্দার করে কেউ শিখাতে পারে না।
অনেক অনেক ধন্যবাদ ভাইয়া।
You explain in detail many things that I was asking about, Thank you very much.
Wow 1
BTW, I think there may be a missing point in 'Create id="hidden22" class="buttons"> ApiClient file session (time lap about ).
I think 'token' should be initialized. I got a error message 'Late Initialization Error: Field 'token' has not been initialized.' when I run this. After I added token =' '; in ApiClient class then it has been no problem. ....وسعت 9
Below are some features I'd like to request: id="hidden24" class="buttons">
1. Variable Food products size (small, medium and large)
2. Multiple Image upload for product details screen (carousel)
3. Social Accounts sign in and forgot password
Can you please include these feature sir? Cus I will be subscribing with you on Patreon. ....وسعت 10
I'm quite impressed by the level of explanation that you put into this tutorial
A job well done!
I personally appreciate every minute of your videos. 1
Wish you all the best. 1
The best of the BEST teacher I have ever seen. Keep it up sir. Those who start FLUTTER really needs you including me.
In short "You are really a life saver".
Regards 2