📱 Food Delivery App w/ Backend • Flutter Tutorial
Vložit
- čas přidán 9. 07. 2024
- 💬 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...
~ ;
📱 Food Delivery App Code • mitchkoko.gumroad.com/l/FoodD...
🥷🏽 Social Media App • mitchkoko.gumroad.com/l/Minim...
💬 Chat App • mitchkoko.gumroad.com/l/Minim...
~ ;
A food delivery app made with Flutter x Firebase pre-built, functional and ready to go out of the box. This app has email authentication and backend already built in. The user can create an account, browse the menu, add to cart, and input card payment details. The order will then be placed and saved into Firebase for real-time live updates. The app will generate a receipt for the user as a summary of the order. Ecommerce App.
✏️ Whiteboard app I use: app.eraser.io/
~ ;
⌚️ TIMESTAMPS
0:00 Intro
1:38 Theme: light & dark mode
4:28 Login page
11:00 Register page
15:05 Menu drawer
18:56 Settings page
21:43 Sliver app bar
29:31 Tab bar
32:15 Food model
35:17 Restaurant model
46:58 Food page
56:11 Cart model
1:03:26 Cart page
1:17:30 Payment page
1:22:00 Delivery progress page + Receipt
1:31:56 FIREBASE BACKEND (Auth + Firestore)
~ ;
🔗 CONNECT WITH ME
📺 / createdbykoko
🐦 / createdbykoko
📱 / createdbykoko
💻 github.com/mitchkoko/
🖥 mitchkoko.app/ - Věda a technologie
What should I make next? ❤
💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass
📱 Flutter Masterclass • mitchkoko.app/
🔥 I'm coding a startup.. www.patreon.com/mitchkoko
A full music streaming app or music player
please use bloc as statemanagement 🙌🙌
Google photos clone full with backend
+1
Parental guidance app to monitor children location and screen time. With Firebase backend. Using bloc provider state management🎉.
I was actually watching your other videos to help me build a food delivery app for my business, and then you created this at the perfect time. Thanks a lot bro
I really love the simple UI of your apps. Simple yet elegant and user friendly.
Bro is another level, makes hole creating app so easy
Great Help, Thank you!
Your lectures are easy to teach and very informative.
U always jus make flutter so easy. Thank you boss
Been waiting for long ❤️🔥🔥
can u pls provide github link of this project.
This will be remembered. Thank you.
Great 😮most awaited video
He's done it again. ❤
Never below my expectations
can u pls provide github link of this project.
Hello Mitch Koko I watch your videos on Flutter and am very impressed. I think it would be great if you made a video about clean architecture in Flutter. This will help many newbies understand this topic better. I would be grateful for such a video!
can u pls provide github link of this project.
hands down, this video will be the most viewed video for anyone learning firebase flutter mobile app development. You heard it here first folks.
thank you so much that's what I really need, keep it up, bro !!
can u pls provide github link of this project.
thank you for the wonderful video bro it is so useful for me and my team, thanks again bro
Thanks for the tutorial, it covers some very helpful topics. Can you please create a short video on how to show firebase collections as tab bars and show sub-collections as tab contents?
thankyou so much, i followed your video and it takes 2 day, but its worth it for my mid exams. Thank You very much sir
Thanks 'Mitch koko' for me teaching the flutter easily
My brother you a superhero in developer you helped me so much
Oh my god you're a life saveeeeer
Thank you so much brother, Go ahead from Bangladesh ❤
Wow its going to be a busy weekend
Wow thank you sir
Just another amazing tutorial.
can u pls provide github link of this project.
Thank you! my Teacher mitch koko. ❤
I learned flutter from your chennal, I actually watched 98% of the videos in your forum.❤ From somalia- East Africa
😂 Abdi wa ku salamay nin ka wu yaqana Somalia e nio team ma noqana hosha isla wado challenge ma galna iso qbo
@@mohmedabdirahaman6007 Anne igu dar liis-ka Abdiyow
can u pls provide github link of this project.
Lets goooo🎉❤
Mitch koko dropping gold again
Very nice tutorials. I think you will be my flutter hero. Just one question, in your game playlist you always start from scratch, e.g. without flame engine. Is there a strict reason for that?
greets
Hey Mitch Koko
very inspired by your work, great work man, can you please a video for a document scanner app just like adobe scan or camscanner
thankyou
wow!! thanks for this amazing tutorial. Wondering how one would add a multivendor system to this?
I really enjoy your tutorial videos. It would be great if you could make a video about designing the UX/UI for a Blynk app.
I really appreciate the work you do man, I would love to see a tracking app with map features
can u pls provide github link of this project.
thanks brother
Can you make a video on flutter flavors? Even a small app that demonstrates the usage of flavors. Thank you, Love your content :)
thank you for this
can u pls provide github link of this project.
How am I gonna not let me opps not see this video...AMAZING VIDEO
Hey Mitch i would love to see you create a property 🏠 management app
Would really appreciate if you make the backend in nodejs...would be a learning experience
1:11:58 I think in this part could be better wrap the name and price column with an Expanded and use maxline: 2 in name Text widget than use Spacer because if food item has a name a little bit more large, this will fit in two lines. Nice video I learn a lot with you.
Thank you for your content, Can you try E-commerce responsive (app+web) next?
Hi bro, can I ask you to make a tutorial on making a student attendance application along with reports using Flutter and Firebase
Nice videos every time i just have a question, how is the end user going to update the menu products like burgers, pricing etc. through the code or some other way?
Hey, thanks for this incredible tutorial! I have been looking for a way to auto-format code when saving but i haven´t found any that worked well. As I see your code formats pretty well when you save, can you explain me how you do it? Thanks!!
Can you make a multivender app with stripe payments integrated
Thank you so much for this, from vietnam with love ❤
ô này code như cưt ấy, thể hiện code nhanh
@@tutosolve ít ra ổng còn chỉ dẫn mình làm từng bước, t coi 1 vài tutorial của mấy Người khác toàn skip mấy cái bước nhỏ k đ biết đường mà lần theo đc :))
Hi Mitch - appreciate your videos. Do you have a tutorial on setting up your VS Code + extensions? I have VS Code installed along with Flutter SDK and I'm kind of stuck not seeing what I see in your videos. Particularly I am talking about the emulator(?) and the toolbar top right that shows the pause, lightning, and restart buttons. Thanks!
can u link this app with driver pls ?
bro you only showing UI in the payment party when the user enters the card details where will that money goes ? could you provide detailed payment method that we can got advantage , you have allready teach us the UI and the Firebase we are looking complete app by with payment method
thanks
hey, Mitch great Work , I have a query regarding cart updation, I mean how to show an item added to the cart or not..... plz reply
Please make a video on how to use background services in flutter?
Please make a Mood Tracking App! There is really old tutorials and it is something that isn't don't much. Thanks :> from Wales!
what do you use for the truck animation on the login page?
Any of the app that has AI/MLand or Blockchain technology implementation
The best flutter tutorial ever ,,,,
can u pls provide github link of this project.
can u pls provide github link of this project.
where did you get your images they have good quality
God bless you 🙏❤
where I can download the assets use in this project.
you are the best person in the world ^_^
опять красота 🎉
Please create custom platform-specific code tutorial. Thanks!
Hey, quick question:
Why do we need our own Theme Provider?
Can't we just the the theme, darkTheme and themeMode properties of MaterialApp?
Since how can we handle updating the app theme if the system brightness (dark/light mode) changes?
which state management is used here? i am new to flutter.Can you please tell?
Please we want an app with same idea with firebase auth and get data from firebase or API but use the block statements or cubit
icon and picture link?please
can you please tell what software you use to design that overview of all screens how they are connected .
eraser
how did you get those images is there anyway i could generate images in that style but for different things?
@createdbykoko
please make full youtube clone in flutter,
thanks for this tutorial
Hello, is there an expedition application?
Thank you
Please make audio, video music player app
Bro please make a tutorial on E-learning app like Domestika.
Hello bro, I have completed till 13 and found 1 error when click on settings in drawer not redirecing setting screen
FlutterError (Unable to load asset: "packages/flutter_credit_card/icons/chip.png".
Exception: Asset not found) (how can fix this error
ıs anyone help me to how do I use iphone emulator preview while coding flutter
can somebody send me the source code please?
Can you also make a few videos for flutter auth supabase?
yeah I want to soon! Do you like supabase? and why ?
repository del Project?
Can a beginner do this
Live chatting app plz!!
i have error in provider for Restaurent
Hello, when I press the Sign In button it doesn't redirect me to the Home Page, shouldn't I change the MyButton widget to something else other than "onTap: () {}" in the login page? If so what do I put there so it can return the Home Page?
i am facing the same issue. did you found the solution??
What did u use to have the app structure at the start of the video
eraser!
i have question for you ! why in 12:20 you are using a class for register or login ? and u cant just use a single line of code ( Navigator.of(context).push !
@@zedhacking oh yes you can do that too actually. Maybe I over complicated it?? Haha
@@createdbykoko HAHA okay thanks god i thought i was wrong or missing something ! i just complete the video and build the App just like urs :) thanks for videos mate
Amazing, how many users can this app accept?
nice, your teaching is so clean, 9/10
can u pls provide github link of this project.
What emulator do you use?
Is this video a complete guide, I'm a newbie
Provider vs GetX, which one is better in state-management .
provider
Can you do social media app?
Api integrations videos brother please it's very hard to to with api integrations please make more videos.
dualingo app please😮💨
@Mitch Koko yours thoughts on Devin?
whos devin
flutter_credit_card is not working. it says
Unable to load asset: "packages/flutter_credit_card/icons/chip.png".
and the information from Form is not being shown in the card above. What could I do? Thanks.
add dependencies in pubsec.yaml file
Hey Mitch, a little nonsense question but, how you make to present the app in the begging of the video. I mean, with the smartphone and everything. Thankkss
One way is to use 3D modeling and animation to generate that portion of the video. Blender is an excellent FOSS app for that.
@@thomastthai thanks!! Actually i found a mockup to do this. I think blender would be too much work for something more simple
Can you share the mock up?@@joaopaulolima9612
Gemini Ai please
Is it responsive
Trading app if you are ok then please make it 🙏🏻
Please help, I have the register section, the sign up and exit buttons don't work, can anyone help?

you still there ?
@@leto1449yes
I have the same problem. The button doesn't work. Also no pop-up is shown.
Ah, I solved it. Change the "onTap:" from "(){}" to "register" (class)
Hello mitch will you use firebase for authentication???
Yep
flutter + laravel pls