How to build a food delivery platform in Bubble

Go to the Data tab and create these Data Types: Restaurant (name, description, address, logo, cuisine_type, is_open, owner — type User, delivery_radius — number, rating — number). Menu_Item (restaurant — type Restaurant, name, description, price — number, image, category — text, is_available — yes/no). Order (customer — User, restaurant — Restaurant, items — list of Order_Item, status — text: pending/confirmed/preparing/ready/delivering/delivered, subtotal, delivery_fee, total, delivery_address, driver — User, created_at — date). Order_Item (menu_item — Menu_Item, quantity — number, special_instructions — text, line_total — number). Driver_Profile (user — User, is_available — yes/no, current_location — geographic address).

Create an 'index' page with a Search Input for restaurant name or cuisine, and a Repeating Group displaying Restaurants where is_open is yes. Each cell shows the restaurant logo, name, cuisine type, rating, and estimated delivery time. When a restaurant card is clicked, navigate to a 'restaurant' page (type: Restaurant). On the restaurant page, display the restaurant header (logo, name, rating, delivery info) and a Repeating Group of Menu_Items grouped by category. Each item shows the image, name, description, and price with an 'Add to Cart' button.

On the restaurant page, create a custom state on the page called cart_items (list of Order_Items). When the user clicks 'Add to Cart', create a new Order_Item (not saved to database yet — use custom state) and add it to the cart_items list. Display a cart sidebar or popup showing all cart_items in a Repeating Group with item name, quantity, special instructions input, and line total. Add quantity +/- buttons and a Remove button. Calculate the subtotal dynamically using cart_items:each item's line_total:sum. Add a 'Proceed to Checkout' button that navigates to the checkout page.

Create a 'checkout' page showing the order summary, delivery address input (using a Google Places autocomplete plugin for address autofill), and a payment button. When the user clicks 'Place Order': create the Order record with status 'pending' and all cart data, create Order_Item records for each cart item, process payment via Stripe Checkout or Stripe Elements, and on payment success, update the Order status to 'confirmed'. Send an email notification to the restaurant owner. Schedule a backend workflow to auto-cancel orders not confirmed by the restaurant within 10 minutes.

Create a 'restaurant-dashboard' page restricted to users with a restaurant owner role. Display incoming orders in a Repeating Group filtered by restaurant = Current User's Restaurant and status = 'confirmed'. Each order card shows the customer name, items ordered, total, and delivery address. Add 'Accept' and 'Reject' buttons. Accept changes status to 'preparing'. When food is ready, a 'Ready for Pickup' button changes status to 'ready'. Add a menu management section where the owner can add, edit, and toggle availability of Menu_Items.

Create a 'track-order' page (type: Order) that displays the order status with a visual progress indicator showing stages: Confirmed → Preparing → Ready → Delivering → Delivered. Use conditional formatting to highlight the current stage. The page auto-updates because Bubble's database searches update via WebSocket. When a driver accepts the order (status changes to 'delivering'), show the driver's name. For a simplified tracking view, display the estimated delivery time based on order creation time plus the restaurant's average preparation time. A backend workflow can send SMS notifications (via Twilio) at each status change.