Duration 11:59:49

A Job Landing Course | Flutter E-commerce App With Backend | Food Delivery App | Part 1

911 465 watched
0
17.8 K
Published 28 Jan 2022

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

Category

Show more

Comments - 2903
  • @
    @thegospellight2 years ago 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 . ...Expand 490
  • @
    @davidadewale84662 years ago 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 . ...Expand 25
  • @
    @Counter_Hour2 years ago 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
  • @
    @wolvrG2 years ago 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 . ...Expand 10
  • @
    @tanmoysaha46862 years ago 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
  • @
    @francisnartey25852 years ago I haven' t started but i am already impressed. 12hrs?
    great job.
    2
  • @
    @khizrshaikh99022 years ago We really want apps like this to master flutter
    thanks for this buddy.
    11
  • @
    @neon_eclipse2 years ago 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
  • @
    @lyeejiun992 years ago 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 . ...Expand 48
  • @
    @putukusuma63652 years ago Hi dbestech,
    greeting from indonesia, i came from nowhere programming language, i am just started learning dart and flutter, follow along with . ...Expand 7
  • @
    @wasibhussain2 years ago 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! Lt; 3. 18
  • @
    @required.2 years ago Just compleated part 1 of the tutorial and enjoyed every bit of it, the coding style is veryand 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. ...Expand 10
  • @
    @gopalsays1082 years ago Damn 12 hours of video just for part 1. You really are amazing. Thank you soo much. 5
  • @
    @fahadmansoori74592 years ago Excellent tutorial, pretty much helpfull and eagerly waiting for the nextto your hardwork. 8
  • @
    @naveedkaimkhami26952 years ago I would say the best channel on youtube to master flutter. More power to you man. 2
  • @
    @user-eo4ns5nm2vlast year 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 . ...Expand
  • @
    @francescaalfonso88385 months ago 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_comedy7 months ago Am very happy to see a humble person like you for flutter
    thank you sir keep the good work.
  • @
    @kevinmbaitoloumdjelassem65132 years ago Excellent work, it looks amazing to see some people out there traynna helps other to learn, many thanks to you. 7
  • @
    @chomanthapa2 years ago Wow! Such a hard work put in. Another video for sure to hit over a million views. Thanx. 4
  • @
    @k.m.jiaulislamjibon14432 years ago Never thought of getting this kind of valuable things from a bangladeshi. Great tutorial, 2
  • @
    @smithkt8942 years ago 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
  • @
    @practicewithghazal13452 years ago 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
  • @
    @BrianGondo2 years ago Blown away. This is magnificent. Thank you for your magnanimity. 2
  • @
    @kbyo20062 years ago Estaba buscando un tutorial como este! Espero que lo termines porque tiene muy buena pinta. A lot of thanks. 3
  • @
    @gamingpuppets94262 years ago 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 . ...Expand
  • @
    @techblay63302 years ago I never knew i could snap responsiveness like thanos. Thanks to you. This video deserves a grammy! 1
  • @
    @arfaouimarouene58882 years ago Chokran! There is a people like you in this world! Many thanks sir.
  • @
    @peshawaamin30832 years ago Thank you our goat in flutter we proud of you
    we waiting for second part.
    3
  • @
    @hoanganhle2942 years ago 12 hours for you part is awesome. You' re so good, i love it. Let' s wait for part two. 1
  • @
    @hossamhassan27172 years ago 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 . ...Expand 5
  • @
    @shivaadhikari57142 years ago It' s really amazing. Eagerly waiting for part 2. Love from nepal. 2
  • @
    @nourshkeir1972 years ago Please we need the part2 and thank you very much such a great tutorials. 4
  • @
    @totoro65002 years ago This channel deserves more subscribers! 2
  • @
    @jamaljmys12 years ago That' s great effort man very thankful for you. I will start coding with you and waiting the part 2. Amazing. 1
  • @
    @ahmedbathily70132 years ago 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
  • @
    @techwithagent72242 years ago Man amazing course looking forward for part 2 hope to complete part 1 fastly. 3
  • @
    @princetomar27982 years ago This is what i have been looking for a long time. Thank you so much for your work. 2
  • @
    @kemalcetindag8152 years ago 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
  • @
    @jaime468811 months ago Got my first job with this exact video thank you very much. God bless you.
  • @
    @abdhalaa76282 years ago We need the second part immediately. In this week please. Ton of thanks for your efforts. 2
  • @
    @user-pq7fn4wl7rlast year Thank you very much. I can see the dedication and effort put into this course clearly. You are a legend sir. 8
  • @
    @okee143192 years ago This is the best tutorial among all the other flutter courses! 2
  • @
    @yamassi2 years ago This hard work is deserves respect and like. 2
  • @
    @darkerthenblack13422 years ago 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
  • @
    @subrotoxing82142 years ago Finished this in 6 days. Thank you for teaching lots of magic code ^^. 1
  • @
    @freeyow44052 years ago Thank you a lot. If my start-up makes it, i' ll make sure to give back sir! 1
  • @
    @renerentalhes49842 years ago Congratulations, the most complete tutorial i' ve ever seen, when is the continuation video coming out? 3
  • @
    @theBNOhourstudio2 years ago 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-rb7fe2 years ago How am i just now finding out your content? You' re amazing! 1
  • @
    @gustavoferreira56222 years ago 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. " mano"
  • @
    @francescogarbin19842 years ago You are awesome! I have followed this first part and it' s so clear and complete. And thank you for the tutorial.
  • @
    @flutterdev99582 years ago " 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.
  • @
    @dbestech2 years ago 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. .. ...Expand 43
  • @
    @moawadsoliman64782 years ago Thanks to you for this tutorial, all best wishes to you from egypt. 1
  • @
    @valirmasha47182 years ago 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
  • @
    @JoelWebsitesDevelopment2 years ago Awesome work really appreciate your efforts. This is better than buying a netflix subscription. 1
  • @
    @nikkieke95032 years ago 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 . ...Expand 1
  • @
    @ugwuokechinazajames32212 years ago I am happy i came across this. I will start already.
    wow.
    1
  • @
    @kevink17682 years ago 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 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.
    ..
    ...Expand
    9
  • @
    @hrithikmaheshwari33162 years ago 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.spikysire2 years ago I can' t believe you did this, frthanks a lot, you' re the besttt.
  • @
    @mohdmizanurrahman29162 years ago Just completed the part 1. Everything worked like magic.
  • @
    @loveafinotan53172 years ago Just sent $2 for coffee n you deserve much thanks a lot this project is a huge man. 2
  • @
    @reyelahmad80572 years ago Food dekhei bujcchi bangladeshi developer. Thanks, man. I just started to doing your project.
  • @
    @AdemoyeOpeoluwa2 years ago 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: 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
    .
    ...Expand
    10
  • @
    @charlesifoegbu2 years ago 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.
  • @
    @princetomar27982 years ago I' ve completed the full lecture and it was too awesome and now waiting for the next one. 2
  • @
    @muditagrawal15302 years ago Great course to help beginners to master flutter and dart. Eagerly waiting for upcoming parts. Please upload the next parts quickly. 1
  • @
    @nullcodeer2 years ago You explain everything very easily & elaborately. Thanks brother. 1
  • @
    @michaelemenike50062 years ago 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!
  • @
    @barscandogan37722 years ago 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-vf2om2 years ago Who says long videos are boring? Nicely explained, thanks. 1
  • @
    @olyphotographer2 years ago 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
  • @
    @ayzstudio67192 years ago Great work, my mentor, it takes hardwork and time to gather this tutorial, thanks much love. 2
  • @
    @overthehorizon56112 years ago Awesome tutorial and great voice. Love form bangladesh. 1
  • @
    @dbestech2 years ago Second part is coming on wednesday china time 10-11 am. 7
  • @
    @bully98582 years ago Thanks a lot man! Truly underrated channel! 1
  • @
    @bibeksaha48302 years ago Wow amazing really appreciate your efforts will be thanking you everyday thank you so much. 2
  • @
    @XxSouIxXlast year Very well explained and informative! Thank you for your time and effort! 2
  • @
    @adimera26682 years ago Looking forward for part 2 and part 3 as well. Thank you for your effort. 1
  • @
    @pharyyady2 years ago This tutorials is amazing. Complete tutor. Big thankyou master. 1
  • @
    @WinnerSingh2 years ago 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
  • @
    @meylisannagurbanow34552 years ago I really can see that you' ve done so much to finish this video. Thanx for your great efforts! 1
  • @
    @mohammedkarem97092 years ago Thanks for your effort bro! Keep it up
    i personally appreciate every minute of your videos.
    1
  • @
    @nn73122 years ago Amazing work,
    wish you all the best.
    1
  • @
    @muhammed13942 years ago 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
  • @
    @aliscode23862 years ago Walaikum assalam brother. You have done awesome work. May allah bless you with more knowldege and wisdom < 3 ameen.
  • @
    @hassanqorchi2 years ago 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
  • @
    @sinatnon80192 years ago Excellent tutorial, it is very much helpfull and eagerly waiting for the next part admin. 1
  • @
    @maneetsingh9642 years ago Wow, thanks for the hardwork you are putting in. 2
  • @
    @timog20452 years ago What a masterpiece! Thank you so much and all blessings to you.
  • @
    @dhineshdhinesh62762 years ago 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
  • @
    @jibrankhot16992 years ago Mashallah sir great work please provide the next part as well sir may allah blessed you. 1
  • @
    @taoapps56372 years ago Thank you so much bro. May bless you for your dedication and all. 2
  • @
    @sheharwazir2 years ago 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_S2 years ago You are a great teacher and thank you for the tutorial hope to see more. 1