📱 Food Delivery App w/ Backend • Flutter Tutorial

Рет қаралды 89,884

Күн бұрын

💬 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/

Пікірлер: 257

@createdbykoko 4 ай бұрын

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

@YannDonald 4 ай бұрын

A full music streaming app or music player

@axmednajaadprogramer 4 ай бұрын

please use bloc as statemanagement 🙌🙌

@anonymous-ty2lv 4 ай бұрын

Google photos clone full with backend

@nitestyletony6720 4 ай бұрын

@sammyjokes9613 4 ай бұрын

Parental guidance app to monitor children location and screen time. With Firebase backend. Using bloc provider state management🎉.

@IT_MobileDev 4 ай бұрын

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!

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@AbdullahAlNahian-il3jz 2 ай бұрын

I really love the simple UI of your apps. Simple yet elegant and user friendly.

@shahrs9815 3 ай бұрын

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

@cabbaaz 4 ай бұрын

Bro is another level, makes hole creating app so easy

@sammyjokes9613 4 ай бұрын

He's done it again. ❤ Never below my expectations

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@zeroFact-mz8sc 2 ай бұрын

Your lectures are easy to teach and very informative.

@thisisnyx 3 ай бұрын

Great Help, Thank you!

@InspireSphere974 4 ай бұрын

U always jus make flutter so easy. Thank you boss

@AmirLast 2 ай бұрын

hands down, this video will be the most viewed video for anyone learning firebase flutter mobile app development. You heard it here first folks.

@Isnapthesky Ай бұрын

This will be remembered. Thank you.

@TrapperSoco-ii8ul 4 ай бұрын

Been waiting for long ❤️🔥🔥

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@raju-menon 4 ай бұрын

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?

@steps.ofLife 4 ай бұрын

Great 😮most awaited video

@dynabenamara6352 4 ай бұрын

thank you so much that's what I really need, keep it up, bro !!

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@ddaavvvvv_ 2 ай бұрын

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

@divakaravk9987 4 ай бұрын

Thanks 'Mitch koko' for me teaching the flutter easily

@pravinprince3221 4 ай бұрын

thank you for the wonderful video bro it is so useful for me and my team, thanks again bro

@user-wh2jo1qw9t 4 ай бұрын

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

@mohmedabdirahaman6007 4 ай бұрын

😂 Abdi wa ku salamay nin ka wu yaqana Somalia e nio team ma noqana hosha isla wado challenge ma galna iso qbo

@omarhaadnaan 4 ай бұрын

@@mohmedabdirahaman6007 Anne igu dar liis-ka Abdiyow

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@fahimdeking 4 ай бұрын

Thank you so much brother, Go ahead from Bangladesh ❤

@Abdullah-kg7dq 3 ай бұрын

My brother you a superhero in developer you helped me so much

@bashiruibrahim8443 4 ай бұрын

Wow thank you sir

@Andreywatchlist 4 ай бұрын

Wow its going to be a busy weekend

@AlexsanderFer90 4 ай бұрын

Just another amazing tutorial.

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@hiennguyenngoc3996 3 ай бұрын

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.

@AyushPatel-xf7bk 4 ай бұрын

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

@flutterIgnite 3 ай бұрын

Mitch koko dropping gold again

@abishekab21 Ай бұрын

Oh my god you're a life saveeeeer

@aryanbhasein6431 4 ай бұрын

Can you make a video on flutter flavors? Even a small app that demonstrates the usage of flavors. Thank you, Love your content :)

@luisizaguirre8204 3 ай бұрын

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.

@simonIsDev 3 күн бұрын

great video. Thanks at all

@createdbykoko 3 күн бұрын

@@simonIsDev ❤️

@Mryenkus 4 ай бұрын

I really appreciate the work you do man, I would love to see a tracking app with map features

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@mikekoech7214 4 ай бұрын

thank you for this

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@durgeshwariculleechurn502 3 ай бұрын

wow!! thanks for this amazing tutorial. Wondering how one would add a multivendor system to this?

@shikharsingh4394 4 ай бұрын

thanks brother

@muhweziblessings 4 ай бұрын

Hey Mitch i would love to see you create a property 🏠 management app

@sanjaystewart666 3 ай бұрын

How am I gonna not let me opps not see this video...AMAZING VIDEO

@xxThemoritzxx 3 ай бұрын

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

@supunprasad9482 4 ай бұрын

Lets goooo🎉❤

@sagarbsable 4 ай бұрын

Thank you for your content, Can you try E-commerce responsive (app+web) next?

@ashishnath4719 4 ай бұрын

Would really appreciate if you make the backend in nodejs...would be a learning experience

@iestynd100 4 ай бұрын

Please make a Mood Tracking App! There is really old tutorials and it is something that isn't don't much. Thanks :> from Wales!

@alestevez950 3 ай бұрын

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!

@minhthuandang369 3 ай бұрын

Thank you so much for this, from vietnam with love ❤

@tutosolve 2 ай бұрын

ô này code như cưt ấy, thể hiện code nhanh

@minhthuandang369 2 ай бұрын

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

@gilanggumelarramadan2252 3 ай бұрын

Hi bro, can I ask you to make a tutorial on making a student attendance application along with reports using Flutter and Firebase

@ghost3444 4 ай бұрын

The best flutter tutorial ever ,,,,

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@JavadHe 3 ай бұрын

thanks

@emetukaikenna8549 4 ай бұрын

God bless you 🙏❤

@antoniiocg_7 2 ай бұрын

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

@make-love-not-war-Z 4 ай бұрын

опять красота 🎉

@JKJOURNEYS 8 күн бұрын

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?

@idarkweb 18 күн бұрын

Please create custom platform-specific code tutorial. Thanks!

@rahuljaiswal6959 2 ай бұрын

Please make a video on how to use background services in flutter?

@engFlutter 3 ай бұрын

you are the best person in the world ^_^

@priyankagautam7722 3 ай бұрын

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

@amilapuswewala6304 4 ай бұрын

Can you make a multivender app with stripe payments integrated

@mohmedabdirahaman6007 3 ай бұрын

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

@maxi-g 3 ай бұрын

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?

@Animeemotions.. 4 ай бұрын

Thank you Please make audio, video music player app

@NkengafacDanilo 13 күн бұрын

where did you get your images they have good quality

@SLK349 3 ай бұрын

what do you use for the truck animation on the login page?

@user-se1yz2px4z 4 ай бұрын

Live chatting app plz!!

@kuadeycleo4850 4 ай бұрын

Any of the app that has AI/MLand or Blockchain technology implementation

@Pbreal_ 4 ай бұрын

@createdbykoko please make full youtube clone in flutter, thanks for this tutorial

@TanishqPratap 3 ай бұрын

Bro please make a tutorial on E-learning app like Domestika.

@akairo1482 4 ай бұрын

can u link this app with driver pls ?

@showravdhar7724 24 күн бұрын

which state management is used here? i am new to flutter.Can you please tell?

@hirushasanjula 3 ай бұрын

FlutterError (Unable to load asset: "packages/flutter_credit_card/icons/chip.png". Exception: Asset not found) (how can fix this error

@funcreations9859 3 ай бұрын

where I can download the assets use in this project.

@Smeyx168 4 ай бұрын

nice, your teaching is so clean, 9/10

@funcreations9859 4 ай бұрын

can u pls provide github link of this project.

@zona_quotes9627 Ай бұрын

Hello, is there an expedition application?

@alikazemi2028 4 ай бұрын

icon and picture link?please

@chideogan1133 2 ай бұрын

how did you get those images is there anyway i could generate images in that style but for different things?

@vedantparulekar9389 3 ай бұрын

can you please tell what software you use to design that overview of all screens how they are connected .

@createdbykoko 3 ай бұрын

eraser

@roomeroammar7206 2 ай бұрын

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

@milangopani7157 3 ай бұрын

Hello bro, I have completed till 13 and found 1 error when click on settings in drawer not redirecing setting screen

@MrIMacro 3 ай бұрын

Amazing, how many users can this app accept?

@cristisfat3485 2 ай бұрын

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?

@numanakhtersiddiqui6573 Ай бұрын

i am facing the same issue. did you found the solution??

@sumt1133 2 ай бұрын

Can you do social media app?

@toasty5230 3 ай бұрын

Can you also make a few videos for flutter auth supabase?

@createdbykoko 3 ай бұрын

yeah I want to soon! Do you like supabase? and why ?

@Showfootball567 26 күн бұрын

Can a beginner do this

@giahuynguyen7664 2 ай бұрын

Is this video a complete guide, I'm a newbie

@demiladeonasanya6337 7 күн бұрын

What emulator do you use?

@user-vh2ur4in6s 3 ай бұрын

dualingo app please😮‍💨

@EdwardVigoSanchez Ай бұрын

repository del Project?

@valkiprasannakumar2387 3 ай бұрын

Api integrations videos brother please it's very hard to to with api integrations please make more videos.

@cem9648 2 ай бұрын

ıs anyone help me to how do I use iphone emulator preview while coding flutter

@RasoolGul-m7c 9 күн бұрын

i have error in provider for Restaurent

@CharithaCn 17 күн бұрын

can somebody send me the source code please?

@mover2.0 3 ай бұрын

What did u use to have the app structure at the start of the video

@createdbykoko 3 ай бұрын

eraser!

@noobieML 4 ай бұрын

Provider vs GetX, which one is better in state-management .

@createdbykoko 3 ай бұрын

provider

@jigarpatel3175 Ай бұрын

Trading app if you are ok then please make it 🙏🏻

@elumalaim6857 4 ай бұрын

@Mitch Koko yours thoughts on Devin?

@createdbykoko 3 ай бұрын

whos devin

@ijeomaemmanuella6880 4 ай бұрын

Gemini Ai please

@zedhacking 19 күн бұрын

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 !

@createdbykoko 19 күн бұрын

@@zedhacking oh yes you can do that too actually. Maybe I over complicated it?? Haha

@zedhacking 10 күн бұрын

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

@user-kp1ok9fe2k Ай бұрын

Is it responsive

@joaopaulolima9612 3 ай бұрын

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

@thomastthai 3 ай бұрын

One way is to use 3D modeling and animation to generate that portion of the video. Blender is an excellent FOSS app for that.

@joaopaulolima9612 3 ай бұрын

@@thomastthai thanks!! Actually i found a mockup to do this. I think blender would be too much work for something more simple

@jeremysilas3743 2 ай бұрын

Can you share the mock up?@@joaopaulolima9612

@nurdauletnarmagambetov3683 4 ай бұрын

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.

@funcreations9859 3 ай бұрын

add dependencies in pubsec.yaml file