Flutter E-commerce App With Backend | Food Delivery App | Part 1

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.

⏰⏰🚛🚛Multivendor app

😀😀😃Motivate my work

About my Palestinien brother

⏫⏫⏫⏫🔥🔥Bloc advanced code(e-commerce app)

Buy me a coffee

Flutter E-commerce app tutorial part 2

Flutter E-commerce app tutorial part 4

Get the source code of this food ordering app with ui and backend as you saw in the demo section of this video here

Task management app

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

Get the quick access to the code for the shopping app from Patreon

Get the quick access to the code for the quiz app from Patreon

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: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
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]

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 your time, effort and contribution to helping people become better versions of their self. hoping for the part 2 soon.

[davidadewale]

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 posted relevant and real-world project... Thanks, looking forward to the second part of this video...

[Counter_Hour]

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 :)

[dbestech]

Second part is coming on Wednesday China time 10-11 am.

[tanmoysaha]

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.

[wolvrG]

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 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.

[livelifeasafun]

Just saw this chennal few days ago and I was worried about my fyp . This is amazing and am relaxed and happily working on it . Thanks for the help . May Allah bless you

[putukusuma]

Hi dbestech,
Greeting from Indonesia, I came from nowhere programming language, I am just started learning dart and flutter, follow along with 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.

[wasibhussain]

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

[eonsnmv]

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 last 10 months. This is probably my first comment on youtube.Thanks dbestech.Assalamu Alaikum.

[lyeejiun]

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 moving forward to learn in part 2 to complete my entire project ! Million thanks for your effort ! ❤❤

[required.]

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 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 .

[francescaalfonso]

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

[neon_eclipse]

As a tutorial from Bangladeshi, that's amazing to see how we've updated too much on IT Sector. BTW this tutorial is lit🔥🔥

[francisnartey]

I haven't started but I am already impressed. 12hrsss??
Great job

[kevinmbaitoloumdjelassem]

Excellent work, it looks amazing to see some people out there traynna helps other to learn, many thanks to you.

[gopalsays]

Damn 12 hours of video just for part 1. you really are amazing. Thank you soo much.

[gamingpuppets]

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 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!

[nayontalukder]

ভাই আপনি Boss,
আপনার সব ভিডিও এত সুন্দার, বলার বাহিরে। আমি অনেক ভিডিও দেখছি, কিন্তু আপনার মত এত গুছিয়ে, সুন্দার করে কেউ শিখাতে পারে না।
অনেক অনেক ধন্যবাদ ভাইয়া।

[kbyo]

Estaba buscando un tutorial como este!!! Espero que lo termines porque tiene muy buena pinta. A lot of thanks 😊😊😊