Build A Delivery App From Scratch (Step by Step Tutorial)
Вставка
- Опубліковано 15 чер 2024
- ► 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 - Навчання та стиль
👍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
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
Well done James. Now you took your channel to the second level
Thanks as always James, can't wait to build something like this out
Amazing work as always James your Channel is a true blessing to the flutterflow community
No doubt.🥂🥂
Great job, James. Your Mastering FlutterFlow course is tremendous, I am learning a lot from it.
What's difference between this course and his UA-cam videos?
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.
Thank you for being here.
Great work James. Very insightful content. Thanks
This is so great and powerful James.
You are a great teacher u make us understand everything without being confused or bored you make it very easy
Appreciate your work mate thanks for your time to teach this thing
Would be amazing to have the restaurant or driver part so that we learn how to manage roles...
This is great, thank you! Very informative
you are a beast!!! Thank you a lot you are the god of this community! bless youu
Wow you are truly God sent. Just what I needed
Thank you for your tutorials.
You’re awesome!!! Thanks!
As always very nicely detailed and concrete content ! Is it possible to have a similar video including realtime tracking but on supabase
Hi James! I love your content! Will the real-time order tracking code be available in your masterclass?
Amazing video, your inspiring.
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
i dont think it can be done with flutter flow
@@heyheyhey99 really why?? I think flutter flow has too many tools and widget that will help in doing that
@@ahmadmunir5024try a full stack app I just made a fully functioning one on bubble
@@ahmadmunir5024 whe you able to find a tutorial for admin dashboard , restaurant dashboard, driver's app
Great tutorial!
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.
really amazing tutorial. How does the restaurant know when they get order and how do they confirm your oder?
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
Thanks,this video is Amazing ! Do you know how we could know wich restaurants are near the user ?
THANK YOU SO MUCH
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!
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?
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
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
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
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.
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.
Can you make a tutorial on firebase with FF please? how to structure collections, docs, fields etc based on the app type for example
Thanks!
Thanks Alex
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 ?🤣
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 ?
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.
Building another complex app with draftbit like this would be great
Hi James, why do you need to create the database schema two times, once in Firestore Database once in FluttefFlow Firestore?
rowy vs supabase, let us know brother! i love your tutorials, and I'm on my way to create my own app
how do you structure the firebase DB with the user and serviceprovider role? since its a two sided app
Can you build the driver app dan partner app and admin dashbord?
are you going to make any video for cabs ?? greetings
do you use any api and what do you use for getting nearby resturants??
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!!
hi james, do your videos have English subtitles?
Спасибо огромное!
hello
when navigating from the category page to the home, why the nav bar doesn't show ?
thanks in advance
What about Delivery Partner and Restaurant Partner app. How can we connect these all 3 apps. Could you please make a video on that.
what is the learning time for flutterflow compare to flutter?
how do you seperate the user and service provider / host roles with firebase? since it's a two sided app
Essa plataforma é o flutterflow? tem algum curso, sou Brasileiro e os videos do curso só consigo traduzir se estiverem no UA-cam
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.
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.
Can you please do another tutorial for the driver and restaurant part?
I am subscribed btw
@@blvckdope whe you able to find a tutorial for the driver and restaurant part?
Hey I got stuck during the search bar template part because there are no search bar templates when I look for them
I love you james ❤
Can you please give me the code of last map Widget
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.
Search results are working but default list not showing up on homepage. I've added backend query to homepage. How to fix it?
do i need the pro plan in flutterflow for this?
Don't subcollections create more reads / cost?
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
bro how to user and admin login in flutterflow??
At 53.38 we got 2 errors , and you not show how you solve it , would you please show how you solve it , Regards
I NEED HELP !!!
I CAN NOT FIND THE BUTTON "SEARCH" IN THE TEMPLATE
PLEAS !!!!!
just try to create yourself, will take some time for first time but its not hard
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.
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 .
Sir could build a taxi app or route buss app
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
getting this error -
Cannot use page homepage with required page parameters without default values on the Nav Bar.
Can anyone guide me?
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.
did you manage to fix this?
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
did you manage to fix this? I'm having the same issues :(
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?
I'm stuck. Please help me duplicating the password box coz it not duplicating
in the current version i don't see this section 41:27 any one to help please
This option to add the search does not appear. What to do to add the search when it doesn't appear there? 33:01
hello, did you manage to fix this issue? i'm stuck :(
i dont know but my browse page filter is not working it is just showing all resturants
if i enter default value then its showing the default but in navigating its not showing
Why is the search template not working
can you share the code for the order tracking? thanks
It’s available on Patreon.
I don't have money to pay for the upgrade :( @@jamesnocode
Great VDO , thank you for sharing
Can you please make Inventory management App on Flutterflow ?
can't find the search baaaar pls help :(
Hi Your patreon is saying this site cant be reached
Which site?
Has errors and some parts of video are randomly skipped
is mapbox free
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.
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?
@@YoBeAwesome did u find the solution? I am having same issue
@@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.
@@YoBeAwesome hey, how did you debug the issue? I am facing the same thing.
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 😂
Building a LIVE PRODUCTION App Part 4 please !!!!!
You lost me at "Firebase"
haha
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.
You serious 😳😳😳
this is not true.
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 :)
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)
Hi James. Where are you from?
Sir i tried but i was not able to find search bar in ui elements till that it was success plss help me to sort this problem to add search bar