Build A Delivery App From Scratch (Step by Step Tutorial)

Подписаться 45 тыс.

Просмотров 72 тыс.

50% 1

► Exclusive NoCode Content, Tutorials & Support: / jamesnocode
► Comprehensive FlutterFlow Training & Private Community: masteringflutterflow.com
► Comprehensive Supabase Training & Private Community: masteringsupabase.com
In this mega comprehensive tutorial, we're going to build a delivery app from scratch with nocode. We'll cover all aspects of building an app similar to Uber Eats including browsing restaurants/menu items, ordering food, realtime order tracking and much, much more.
00:00 Intro
01:17 App Screenshots
01:34 Architecture
02:29 App Flows
07:04 App Sub-Systems
10:37 The Data Model
12:12 Setting Up Our Firebase Project
17:40 Building The FlutterFlow App
22:38 FlutterFlow Schema
26:22 Building The Homepage
28:53 Running The App For The First Time
30:03 Enabling Firebase Auth
32:35 Enabling The Search Bar
42:49 Browsing Functionality
55:09 Restaurant Detail Page
01:06:14 Ratings and Reviews
01:13:21 Restaurant Info Screen
01:20:58 Menu Detail Page
01:25:43 Adding Items To The Shopping Cart
01:28:38 Shopping Cart View
01:37:26 Checkout Page
01:43:52 Profile Page
01:47:00 Orders Page
01:56:48 Realtime Order Tracking
02:04:05 Problem When Testing The App
02:07:54 Running The App On An Android Simulator
02:16:01 Testing The Final Version of The App
02:20:09 Final Thoughts
02:21:01 View/Clone This App

Хобби

Опубликовано:

30 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 126

@jamesnocode Год назад

👍VIEW/CLONE THIS FLUTTERFLOW APP (and all my FlutterFlow/NoCode apps), get access to live streams, Q&As and an exclusive behind the scenes content, in-depth masterclasses and support my work: www.patreon.com/jamesnocode 👍GET MY NEW TRAINING - MASTERING FLUTTERFLOW: masteringflutterflow.com

@joylitz2477 9 дней назад

b4 i start watching this awesome free tutorial on building an app...just wanna say thank you

@MusicbyAnt 4 месяца назад

can't thank you enough, probably the best tuto i taken thus far. Really comprehensive, really detailed, covered a lot of aspect and most important clean way to work. thanks James

@bolussam Год назад

Thanks as always James, can't wait to build something like this out

@anonalways9900 Год назад

Amazing work as always James your Channel is a true blessing to the flutterflow community

@Debo-Abayomi Год назад

No doubt.🥂🥂

@aedesign5499 Год назад

Well done James. Now you took your channel to the second level

@cdrdan Год назад

Great job, James. Your Mastering FlutterFlow course is tremendous, I am learning a lot from it.

@seekersaurabh 10 месяцев назад

What's difference between this course and his RU-vid videos?

@miguelbelviince5725 10 месяцев назад

Great work James. Very insightful content. Thanks

@abosstechnicalservices3078 11 месяцев назад

This is so great and powerful James.

@uday9020 5 месяцев назад

Appreciate your work mate thanks for your time to teach this thing

@thelabarchitect Год назад

Thank you so much James! You are a master at teaching FlutterFlow. I have already learned so much from the way it is explained. I purchased the Mastering course and recommend it.

@jamesnocode Год назад

Thank you for being here.

@EmblazNOR Год назад

This is great, thank you! Very informative

@Qopetsa 5 месяцев назад

You are a great teacher u make us understand everything without being confused or bored you make it very easy

@SocietyAnalyst 10 месяцев назад

Would be amazing to have the restaurant or driver part so that we learn how to manage roles...

@flutterflowhack Год назад

Wow you are truly God sent. Just what I needed

@nareshch1989 5 месяцев назад

Thank you for your tutorials.

@jayguilloty6560 Год назад

You’re awesome!!! Thanks!

@alessandromele9089 11 месяцев назад

you are a beast!!! Thank you a lot you are the god of this community! bless youu

@ahmadmunir5024 Год назад

Great job James , so now we are waiting the admin dashboard , restaurant dashboard, driver's app for accepting and declining the order from the restaurant and getting information about product details and user current location for the delievery and if a driver decline the order assign it to another driver nearest to restaurant . Really i cant wait for it really appreciate you work bro

@heyheyhey99 Год назад

i dont think it can be done with flutter flow

@ahmadmunir5024 Год назад

@@heyheyhey99 really why?? I think flutter flow has too many tools and widget that will help in doing that

@paulfrench7169 4 месяца назад

@@ahmadmunir5024try a full stack app I just made a fully functioning one on bubble

@amrelazhary6691 Месяц назад

@@ahmadmunir5024 whe you able to find a tutorial for admin dashboard , restaurant dashboard, driver's app

@shaunrobinson979 8 месяцев назад

Amazing video, your inspiring.

@Marvin-Tucker 5 месяцев назад

Great tutorial!

@eho747 8 месяцев назад

As always very nicely detailed and concrete content ! Is it possible to have a similar video including realtime tracking but on supabase

@user-my4et2vo3q 7 месяцев назад

THANK YOU SO MUCH

@Crypto_Briefs_ Год назад

really amazing tutorial. How does the restaurant know when they get order and how do they confirm your oder?

@raffaelyork 5 месяцев назад

Hi James! I love your content! Will the real-time order tracking code be available in your masterclass?

@RedGame15 Год назад

Thanks,this video is Amazing ! Do you know how we could know wich restaurants are near the user ?

@asletic 10 месяцев назад

very impressive tutorial, thanks for the sharing. However it will be perfect if user can view inside the order and check all menuitems they had placed ! Wish there will be a tutorial about it, as I cannot find any content about this in youtube so far.

@user-rv1dh4fw9i Год назад

you are the best i like your video its possible to display array list as listview like when click in order number of items and status will display all ordered items

@MusicbyAnt 3 месяца назад

Hey James do you have any video which would explain more the controls I’m thinking like around cart management , if you have already a product in your cart how to work on the quantity if you add one from the item detail view and it already exist in the cart , and just update the entry rather than creating a duplicate entry with an additional quantity, overall controls basically

@YoBeAwesome 11 месяцев назад

Had to use ChatGPT4 to try to fix the code for the GMAP. Still aving issues. Further, its really hard to see what you are doing with the visual studio code. Can't figure it out. Wish you helped onboarded us for a minute so we know how to even get the pixel emulator up. Sometimes what you show (or don't show) doesn't work well. But regardless you make the best videos so far for flutterflow and i will keep subscribing and slowly will continue getting better. Thanks!

@VIPVICTORY88 2 месяца назад

Hey I got stuck during the search bar template part because there are no search bar templates when I look for them

@ygorthadeu8539 Год назад

Could you teach how to do a delivery route calculation and calculate a delivery value based on the route distance? Also, could you please explain how to change the price of product value conditional on product size?

@yousseframadan6606 10 месяцев назад

brother appreciate your content, I want to ask you if i can make this order live tracker in the form of notification or on the phone lockscreen. Thank you.

@adupsjoel6685 9 месяцев назад

James this is soo great, I love you teaching Sir. I am a new user of this IDE (flutter flow) but I have built up multiple pages in my app and now FF in very slow even to even accept slight changes most especially that involve typing. Please can any one help to guide me on this issue.

@Alex_Vish_BA_PM Год назад

Thanks!

@jamesnocode Год назад

Thanks Alex

@kurepa.designs6489 Год назад

Thanks for the video, I'm subscribed to your channel and Patreon.. I'm an adalo expert and now starting with Flutter... what do you recommend more? Use firebase or supabase? for the costs because firebase charges for displaying the information, for time in the app ... I need to transfer my apps from adalo to flutter

@salahmohamed5678 Год назад

im learning a lot from you, thanks could you please show us a way to a GroupRadioButton or something like that takes one one selection, for Example i wanted a a tile that takes the size along with the price and make the user choose only of the tiles, would be more grateful. Thanks

@thanveerdev9368 11 месяцев назад

Hi james. You are my goto place for no code related stuff now. A quick question how can we send the list of cart items to customer through send grid api or any other api ?

@RR-et6zp 6 месяцев назад

Can you make a tutorial on firebase with FF please? how to structure collections, docs, fields etc based on the app type for example

@ionutb123 Год назад

Hi James, why do you need to create the database schema two times, once in Firestore Database once in FluttefFlow Firestore?

@enflure2792 Год назад

43:49 I love your tutorials man, but what's the point of choosing a template if it's only to keep the nav bar ?🤣

@RR-et6zp 6 месяцев назад

how do you structure the firebase DB with the user and serviceprovider role? since its a two sided app

@abhishekKumar-jd8uu Год назад

Please make a driver's app for accepting and declining the order from the restaurant and getting information about product details and user current location for the delievery and if a driver decline the order assign it to another driver nearest to restaurant.

@shambcn1 5 месяцев назад

are you going to make any video for cabs ?? greetings

@edwardmulholland5095 5 месяцев назад

Building another complex app with draftbit like this would be great

@Arjuns_World 7 месяцев назад

do you use any api and what do you use for getting nearby resturants??

@NickFlixVlogs 7 месяцев назад

If a product has 4 packages - price1, price2 etc it shows all 4 varition on checkout how will we know which one to show on the checkout since we have option to select all 4 fields . I am confused.

@rianaselritz5524 9 месяцев назад

Can you build the driver app dan partner app and admin dashbord?

@alieshkal1175 6 месяцев назад

hello when navigating from the category page to the home, why the nav bar doesn't show ? thanks in advance

@jejidyanjackson2868 Год назад

rowy vs supabase, let us know brother! i love your tutorials, and I'm on my way to create my own app

@nuna7-8 8 месяцев назад

Спасибо огромное!

@yapyh2872 11 месяцев назад

what is the learning time for flutterflow compare to flutter?

@anshulmodi50 Месяц назад

What about Delivery Partner and Restaurant Partner app. How can we connect these all 3 apps. Could you please make a video on that.

@webgator8213 Год назад

Essa plataforma é o flutterflow? tem algum curso, sou Brasileiro e os videos do curso só consigo traduzir se estiverem no RU-vid

@seekersaurabh 10 месяцев назад

Search results are working but default list not showing up on homepage. I've added backend query to homepage. How to fix it?

@guillenius Год назад

hi james, do your videos have English subtitles?

@RR-et6zp 6 месяцев назад

how do you seperate the user and service provider / host roles with firebase? since it's a two sided app

@satrioprabowo__ 6 месяцев назад

do i need the pro plan in flutterflow for this?

@user-wz2fc7en5u 7 месяцев назад

How can i show the array list items in your orders section instead of a number of items i need to show the item ordered i.e product name, it only stores doc ref to the restaurant collection, as in my app i need show the product name as it has doc ref to collection (services) so i need to show items purchased or services purchased, along with price . so i need to show /display the name of the item purchased which is in array list and it stores doc ref of that purchased services. please help me out

@msmfx123 9 месяцев назад

At 53.38 we got 2 errors , and you not show how you solve it , would you please show how you solve it , Regards

@afroniumstudios 7 месяцев назад

Can you make one with customizable menu options? Ex. Like how UberEats allows you to customize your burger with various menu options like 'add pickles' 'extra cheese +2.99.' This would be HUGE!!

@mazensabra7859 6 месяцев назад

Plz help, when the home page loads i can see all of the list, when i search i can see the restaurant im searching for, but when i delete the search text , the list doesnt come back, anyone knows how to do it ? keep in mind that i created my own search container .

@yemcreativestudio 7 месяцев назад

Hello James! My project is to make two separate access in this kind of app : a login access for those who want to buy food, and another login access to the restaurants organization (dashboard, etc...). Is it possible to do that in Flutterflow, and is your tutorial still relevant for my case ? Because in the Flutterflow app settings I can only set one initial login page (I don't know if it's important...), but I have two login pages (client side and restaurant side). Thanks a lot.

@olukera 7 месяцев назад

Companies with this work style use two different apps. One for final user, another to the provider of food/service/product. They are individual, but conected.

@jamaounmohamed5190 3 месяца назад

I NEED HELP !!! I CAN NOT FIND THE BUTTON "SEARCH" IN THE TEMPLATE PLEAS !!!!!

@archilikvinikadze8975 3 месяца назад

just try to create yourself, will take some time for first time but its not hard

@blvckdope 9 месяцев назад

Can you please do another tutorial for the driver and restaurant part?

@blvckdope 9 месяцев назад

I am subscribed btw

@amrelazhary6691 Месяц назад

@@blvckdope whe you able to find a tutorial for the driver and restaurant part?

@hiteshkumaryadav8373 4 месяца назад

After 42:49 when you added the nav bar you got the error at 53:00, you solved but you didn't specified how to solved that.

$@aceofrace7619$

@aceofrace7619 Год назад

bro how to user and admin login in flutterflow??

@monetdrummond9663 12 дней назад

Can someone tell me why when i try to test my app nothing (widgets) shows except the back screen. I've been following the video to a T, and there are no errors posted

@andrewgraham6994 6 месяцев назад

I cannot for the life of me get my category pictures to work. I have the page working fine, but how do I get the Category pictures to be correct? Any help is appreciated

@RR-et6zp 6 месяцев назад

Don't subcollections create more reads / cost?

@user-fl1li8fq6e Год назад

I love you james ❤ Can you please give me the code of last map Widget

@vevoprime8280 7 месяцев назад

getting this error - Cannot use page homepage with required page parameters without default values on the Nav Bar. Can anyone guide me?

@itme2226 Год назад

Sir could build a taxi app or route buss app

@conorcusack1653 5 месяцев назад

Have they removed the search bar? Im unable to add any of the other ones since it says: The most recent action would have caused a crashing error, so we've undone it for you.

@GoalRift 4 месяца назад

did you manage to fix this?

@user-fc6lh1tq8p 11 месяцев назад

My images aren’t showing up. They just say [object Event] with a Red Cross through it. Anybody having the same problem/know how to fix this?

@EBEHONTHEBEAT 5 месяцев назад

I'm stuck. Please help me duplicating the password box coz it not duplicating

@calvinchongkk 6 месяцев назад

Hi James i stuck at 33:17 why i cant find the search like urs , it that because urs is paid version or what ? pls reply me thanks

@GoalRift 4 месяца назад

did you manage to fix this? I'm having the same issues :(

@Mberwaelisha 2 месяца назад

in the current version i don't see this section 41:27 any one to help please

@AndersonSilva-ik1it 5 месяцев назад

This option to add the search does not appear. What to do to add the search when it doesn't appear there? 33:01

@GoalRift 4 месяца назад

hello, did you manage to fix this issue? i'm stuck :(

@ArjunArora-xs5cl 6 месяцев назад

i dont know but my browse page filter is not working it is just showing all resturants

@ArjunArora-xs5cl 6 месяцев назад

if i enter default value then its showing the default but in navigating its not showing

@user-nc1md1ed4e 2 месяца назад

Why is the search template not working

@featuringcinny00 9 часов назад

What is the finalizing cost?

@GoalRift 4 месяца назад

can't find the search baaaar pls help :(

@s3665959 26 дней назад

Great VDO , thank you for sharing Can you please make Inventory management App on Flutterflow ?

@chiragchawade2912 Месяц назад

Has errors and some parts of video are randomly skipped

@user-xv9ih4ob6k 3 месяца назад

can you share the code for the order tracking? thanks

@jamesnocode 3 месяца назад

It’s available on Patreon.

@user-xv9ih4ob6k 3 месяца назад

I don't have money to pay for the upgrade :( @@jamesnocode

@talelust Год назад

Hi Your patreon is saying this site cant be reached

@jamesnocode Год назад

Which site?

@ArjunArora-xs5cl 6 месяцев назад

is mapbox free

@YoBeAwesome Год назад

Any one know how to make the nav bar work in this? I guess cause i am passing parameters my version doesn't work. :(. Assistance would be amazing.

@YoBeAwesome Год назад

keep getting this anytime i try to add a nav bar. Any help? "Cannot use page cart with required page parameters without default values on the nav bar." any help?

@xnlyxn9862 Год назад

@@YoBeAwesome did u find the solution? I am having same issue

@YoBeAwesome 11 месяцев назад

@@xnlyxn9862 Yea it had to do with page parameters being messed up cause the code in app state was making entries with 0. I believe that was it or another issue I had to debug. Sometimes he doesn't show everything that needs to happen.

@manezheimran1594 11 месяцев назад

@@YoBeAwesome hey, how did you debug the issue? I am facing the same thing.

@maskedvillainai Год назад

I’m more confused by why someone would a delivery app😂. Or build most of these apps mentioned than I am about how to build them. Just strangely useless impractical hard to monetize -or- overly saturated apps. A FlutterFlow issue I guess? building a no code tool based entirely on one scenario with an api call option 😂

@mountagasenior Год назад

Building a LIVE PRODUCTION App Part 4 please !!!!!

@jeremyrangel8138 Год назад

You lost me at "Firebase"

@YoBeAwesome 11 месяцев назад

haha

@mikebeats3281 11 месяцев назад

if you don't have proprietary code for an app you cannot make money as you do not own the patents and when your app gets big you will get sued for everything you have that's the problem with no code apps.

@eyothepodcast 9 месяцев назад

You serious 😳😳😳

@zentai5076 7 месяцев назад

this is not true.

@SocietyAnalyst 11 месяцев назад

Thank you @jamesnocode as usual great teachings. I am just facing an issue with the custom widget for the tracking i have copied the code you shown in your video but it sounds that GlobalKey is not meant to work with 2 parameters and i dont understand what you've done in this part i feel like there is a secret part :)

@SocietyAnalyst 11 месяцев назад

Auto reply: i've been able to make it work my custom action is a bit different than yours but finally no build errors and it is working thank you @jamesnocode (and it is possible to do so without using android studio)