Food Delivery App : Uber Eats (Flutter & Firebase)

Implement a mobile login screen in a Flutter app for a food delivery service, featuring mobile number entry, country picker, Google sign-in, and polished UI with safe area.

Build an otp screen in flutter using pin code fields, wire a text editing controller and countdown timer, and refine UI styling for a seamless next-action flow.

Implement a five-tab bottom navigation bar in a Flutter app using persistent bottom nav bar version two, wiring home, browse, grocery, basket, and account screens with a stateful widget.

Implement a category screen for the food delivery app using Flutter, wiring assets/images, updating pubspec, and building a responsive grid of category tiles with images and labels.

Showcases the account screen with the user's name and profile pic, then a scrollable list of options with icons, using Flutter, safe area, edge insets, and a bordered circle avatar.

Implement the home screen using a safe area, a list view with categories and a restaurant list, styled with padding, border radii, and asset images.

Install Firebase tools, log in, create Uber Eats project, activate FlutterFire CLI, configure Android and iOS, and add Firebase Core and Firebase Auth with minimum SDK version 21 and multidex.

Enable and implement mobile phone authentication in a Flutter and Firebase app, featuring check authentication, receive OTP, and verify OTP, with provider-based state management and screen-to-screen navigation.

Demonstrates the mobile authentication flow: check authentication, navigate to home or login, and manage receiving OTP and verifying OTP with a mobile auth provider.

Create a flutter project for the restaurant app named Uber Eats restaurant, copying the lib folder from a previous project. Update pubspec with fonts and assets, then continue configuring files.

Set up Firebase for the Uber Eats app with flutter fire cli, configure Android and iOS, implement phone-number OTP authentication, and outline the restaurant app's home, orders, and menus tabs.

Design and implement the food item screen user interface for a food delivery app built with Flutter and Firebase, focusing on clear layout, item details, and interactive controls.

Configure Firebase services by selecting Firestore as the database, creating it with a default server location, and enabling storage in test mode for the app.

Learn to build a restaurant registration screen that validates authentication and database registration before uploading, and handle banner image uploads to Firebase with image services and uuid.

In this Flutter and Firebase lecture, implement restaurant registration with new models, image upload, and form fields; set up authentication checks and database lookups to route to home or registration.

Implement a responsive image carousel in the restaurant registration screen using a provider to supply banner images, showing a carousel when images exist and a button otherwise.

Register the restaurant and fetch the owner's current location with Geolocator, after adding location permissions in the manifest. Save restaurant data to Firestore (name, license, user id, banners, address).

Register restaurants by capturing the user location, indexing with GeoFire for nearby restaurants within 20 km, and saving data in Firebase Realtime Database and Firestore.

Implement a toast message in the Flutter project by adding the butter style toast package and creating a toast message service with a customizable row and animations.

Implement a floating action button to navigate to an add food item screen, then open the gallery to pick an image and update the provider.

Upload a new food item to Firestore via food data services, including image upload to Firebase storage, json serialization, and a success toast.

Implement a menu screen that fetches food items using a food data service and provider from Firestore, ordered by upload time, and displayed as food models in a dynamic list.

Design a food items UI in Flutter by composing padded containers, images loaded via network, and text blocks for name, description, and price with precise alignment and styling.

Implement the account screen by fetching restaurant data via a restaurant provider, displaying the banner image and name, and adding a sign-out flow to navigate to sign-in.

Refresh the menu list after adding a food item by awaiting the asynchronous upload, showing a toast message, and fetch this data again via the food provider.

Fetch nearby restaurants in the Uber Eats Flutter app by integrating geolocator, initializing backend services, and querying Firestore for restaurants within a 20 km radius, updating a restaurant provider.

Fetch nearby restaurants within 20 km and their food items by creating a restaurant provider with restaurant and food models, and fetch data from Cloud Firestore and Firebase Storage.

Display restaurants on the home screen by wiring a restaurant provider to a list view builder, show a carousel of banner images, and present each restaurant name with styling.

Navigate from a restaurant to its menu and display that restaurant's food items using a restaurant provider, with a list view and an app bar for back navigation.

Implement a category browse screen with a search field in a flutter and firebase powered food delivery app. Filter food items using a provider and ListView.builder.

Build a food details screen with image, name, description, and price, enable quantity selection, and add to basket or order, while navigating from browse to detail with a right-to-left transition.

Add actual price and discounted price to the food model, implement constructors and JSON serialization, and update Firebase-backed Uber Eats screens to show prices and the discount percentage.

Create a user registration screen in the Uber Eats Flutter app, including a profile image picker, circle avatar, form fields, and Firebase storage integration via a profile provider.

Integrate Google Maps in a Flutter food delivery app to show the user’s current location, configure API keys, and capture address details for saving.

Register user and address by creating a user model and a user address model, serializing to json, and saving to Cloud Firestore with profile image upload and active addresses.

Fetch user profile data via the profile provider and display user name and profile picture; handle null data with conditional rendering and add an address field to the account screen.

Create and fetch user addresses in a Flutter app, displaying them in a list with edit, delete, and set active actions, and enabling navigation to add new addresses.

Navigate to the add address screen, integrate a user address model with Google Map and location services, update the database with the new address, and show a success toast.

Implement a firebase function to fetch restaurants using the user's active address from the user address model, and update the app to query nearby restaurants.

Learn to implement an address active toggle in a Flutter and Firebase app by introducing an address id and updating the data store via an async on-tap action.

Set up a flutter driver app for Uber Eats, copy assets and fonts from the restaurant app, configure packages and Firebase, and establish a three-screen bottom navigation (map, history, account).

Set up firebase for the Uber Eats driver app using Flutter, register Android and iOS, import firebase options, log in with phone number and otp to access home, history, account.

Define a driver model with JSON serialization and build a Flutter driver registration screen featuring image upload and fields for name, mobile, vehicle registration, and driving license.

Develop driver registration for Uber Eats with a real-time Firebase database, adding profile services and a register driver flow that uploads profile images.

Implement the driver home screen with a Google Maps Flutter map and a top swipe button, integrating location services, initial camera, and safe-area layout for the Uber Eats app.

Enable drivers to toggle online and offline status in the Uber Eats app by updating driver status, syncing location to Firebase, and triggering push notifications for online orders.

Implement real-time driver location updates with geolocator: check and request permissions, set navigation-friendly accuracy and a distance filter of ten, streaming positions to Firebase Realtime Database.

Set up Firebase messaging in a Flutter app by adding the package, initializing messaging, handling background and foreground messages, updating the device token, and subscribing to the delivery partner topic.

Set up push notifications for Uber Eats and Uber Eats restaurant by integrating Firebase Messaging, updating models with cloud messaging tokens, and initializing FCM.

Test Firebase Cloud Messaging by sending FCM messages to specific users using registration tokens, Postman API, and server key; verify push notifications for Uber Eats driver and restaurant owner.

Implement push notifications for restaurants, nearby drivers, and users in the Uber Eats app using fcm tokens and server keys, with http post requests and robust error handling.

Develop the nearby delivery partner feature by creating delivery partner services, integrating delivery partner models and location data, using real-time database, and sending push notifications to nearby partners.

Create a food order model with delivery partner and status fields, serialize to json, and implement Firebase realtime database submission from under preparation to delivered, plus add-to-cart and toast feedback.

Implement an asynchronous add-to-cart flow in a Flutter and Firebase food app, saving items to Firestore, validating quantity, and showing a success toast.

Display cart items in the basket screen using a change notifier provider. Fetch cart data, manage item quantities, and update or remove items with a responsive Flutter UI.

Fetch nearby delivery partners for a restaurant app using Flutter and Firebase. Implement delivery partner services, provider for partner data, and real time database integration to notify and assign orders.

Trigger push notifications for new order requests by sending the restaurant fcm token and food name through the push notification service, integrating with the Uber Eats Flutter and Firebase workflow.

Add restaurant uid and user uid to the food order model with JSON serialization, and fetch orders via a new order services module using Firebase real-time database queries.

Fetches today’s live orders on the restaurant home screen using a Firebase animated list and a query. Sends push notifications to nearby delivery partners when a delivery request is issued.

Create a delivery request dialog in the Uber Eats driver app that appears on a push notification, offering accept or decline options, with audio alerts, and foreground fcm handling.

Developers wire push notifications for delivery requests between restaurant and driver apps, map food order data to delivery order data, and display a delivery request dialog.

Update the Uber Eats driver app to track delivery guy, restaurant, and delivery locations using the Direction API and polyline data, then render polylines with the Google API and billing.

Implement real-time updates for driver profiles and delivery orders in a Flutter Firebase Uber Eats app, including fetching partner data, updating active delivery IDs, and decoding direction polylines.

Decode polylines in a Flutter Uber Eats driver app using the Flutter polyline points package, converting encoded polylines into lat/long coordinates and rendering direction details with a polyline.

Display polylines on a flutter map by streaming firebase data, converting it to delivery partner and food order models, and updating the route as delivery status changes.

Create marker icons for the map by adding current location and destination icons in assets/images/right and implementing a Create Icons function that uses bitmap descriptors from asset images.

Create and update delivery markers in a Flutter and Firebase app, defining current location and destination markers with lat long, fetching order details, and refreshing markers and delivery status.

Implement polylines and markers on Google Maps in the Uber Eats driver app by wiring a delivery marker provider with consumer, updating order data, and processing push notifications.