Plantilla de Comida y bebida
BiteRush Food Delivery App
A food-delivery app for a restaurant brand: customers browse the menu by course, build a cart, check out and follow their courier on a live map. The courier takes card or cash at the door; nothing is charged in the app.
- 40 pantallas
- iOS y Android
- Necesita Supabase
- Actualizada el 4 nov 2026
- Versión verificada
- 5 copias creadas
Copia gratis · Código completo · Sin tarjeta
Pantallas
6 pantallas de la app en funcionamiento.
Qué incluye
- Menu by course with photos, options, ratings and search
- Cart with a free-delivery meter, tips and delivery address
- Checkout with card or cash at the door, nothing charged in the app
- Live order tracking with the courier on a map
- Order history, reorder, reviews with photos and cancellation
- Supabase accounts, orders and reviews, with sample data until connected
Acerca de esta plantilla
Overview
BiteRush is a React Native food-delivery app for a restaurant or kitchen brand that delivers its own menu. Customers browse dishes by course, open a dish to pick options and add a note, build a cart, check out to a saved address and follow their courier on a live map.
It opens on sample data, so every screen works the moment you fork it: a menu of 21 dishes, an order on its way, past orders, two addresses and a cart a few dollars short of free delivery. Connect your Supabase project under Server and the same screens read your menu, orders and reviews.
Key features
Menu by course — Street food, noodles, plates, bakery and coffee, each dish with its own photo, rating, options and a quick add.
Dish pages — A full-bleed photo, portion and extras, a kitchen note and one bar with the quantity and the price.
Cart and checkout — A free-delivery meter, tip chips, the delivery address on a map and a review step before the order is placed.
Card or cash at the door — Customers choose how they settle with the courier; nothing is charged in the app, so there is no card form to secure.
Live tracking — The courier, the kitchen and the door on a map with an ETA and the order's four stages.
Orders and reviews — Active orders above a history by month, one-tap reorder, reviews with up to three photos and cancellation.
Account — Profile, saved addresses, card or cash choice, notification settings, password, help centre and a support chat.
Screens included
Welcome and account
Onboarding
Welcome
Log in
Create account
Choose a password
Reset password
Browse
Home
Menu
Category
Dish
Search
Filter
Popular right now
Picked for you
Offer
Saved
Order
Cart
Checkout
Review order
Order placed
Tracking
Orders
Order details
Leave a review
Cancel order
Account and help
Account
Edit profile
Addresses
Add or edit an address
Card or cash
Notifications
Notification settings
Password
Settings
Help centre
Contact us
About
Terms of use
Privacy policy
Built with
Framework — React Native and Expo SDK 57 on the FluxNative base 13 kernel: native iOS and Android, Liquid Glass chrome on iOS.
Backend — Supabase for accounts, menu, orders, tips, the card or cash choice and review photos; a migration ships in the supabase folder.
Sample mode — With no backend connected, every service answers from realistic sample data kept on the device.
Settling up — Card or cash on delivery; no card processor is connected and nothing is charged in the app.
Good fit for
Restaurants and kitchens delivering their own menu
Cafés and bakeries taking orders for delivery
Food brands replacing a menu website with a mobile ordering app
Qué obtienes
- Código completo: Expo y React Native en TypeScript, como una app en tu espacio de trabajo.
- Vista previa en vivo: prueba cada cambio en el navegador o en tu móvil.
- Versión verificada: compila y cada pantalla abre sin errores.
- Asistente de IA: cambia lo que quieras por chat; cada cambio usa créditos.
- Compilaciones y subida a tiendas: compilaciones de iOS y Android, enviadas a App Store y Google Play desde Publish.
- Copiar no gasta créditos: la copia en sí no cuesta nada.
Creada con la versión actual de FluxNative.
Qué necesitas
- Una cuenta de FluxNative: el plan Free admite hasta 2 apps.
- Tu propio Supabase: para tus datos; hasta entonces la app usa datos de ejemplo.
- Creator o superior: para compilaciones nativas y subida a tiendas.
- Cuentas de tienda: Apple Developer Program (99 US$ al año) y Google Play (25 US$ una vez), para publicar.
Qué incluye el código
- pantallas
- 40
- archivos en tu copia
- 395
- líneas escritas para esta app
- 7216
- componentes de UI listos
- 142
Textos de la app en inglés y vietnamita
Tecnologías
- Expo SDK
- 57.0.22
- React Native
- 0.86.3
- React
- 19.2.8
- TypeScript
- 6.0.3
- Expo Router
- 57.0.21
- Supabase JS
- 2.112.0
Del package.json de esta versión.
Sistema de diseño
- Títulos
- Plus Jakarta Sans
- Texto
- Fuente del sistema
- Modo claro y oscuro
- Liquid Glass
- Botones de cápsula
- Tarjetas de imagen
Configuración después del fork
Tu copia se abre con el asistente de IA que la creó. Sigue los pasos en orden: conecta en Server lo que pida un paso y luego envía cada prompt.
Connect your Supabase project
Add your Supabase project URL and access token under Server › Backend › Supabase first. Until then BiteRush runs on a sample menu and orders kept on the device.
Prompt para la IASupabase is connected under Server. Create the tables this app reads (menu categories, products and their options, cart items, orders and order items, addresses, profiles, notifications and reviews) with row-level security so each customer sees only their own rows, add the delete_own_account function, apply the migration in supabase/migrations with its review-photos bucket, write the public values into .env, and check that the menu, cart, checkout and order tracking work on my project.
Load your menu
Prepare your menu with courses, dishes, options, prices and photos. Attach it as a spreadsheet and the photos to the message.
Prompt para la IAUse the attached menu and dish photos: load the courses, dishes, options and prices into my Supabase project with each dish's photo. Set the delivery fee to [your delivery fee], free delivery from [your free-delivery amount] and tax to [your tax rate].
Set your app icon
Make an AI logo or upload your own icon in App settings. The launcher icon, splash screen and store listing all use it.
Prompt para la IAI set a new app icon in App settings. Match the splash screen background and the Android icon background to its edge colour, so the icon sits on one continuous colour.
Write your copy and legal pages
Prepare your restaurant's wording, delivery area, support contact, privacy policy and terms. The app has its own Privacy and Terms screens with sample text to replace before you publish.
Prompt para la IAReplace the sample restaurant wording with mine: [your copy]. Say where you deliver: [your delivery area]. Put my privacy policy and terms into the app's Privacy and Terms screens: [your privacy policy and terms], and set the help and support contact to [your support email or phone].
Check and publish a build
Order a dish, follow it on the map, review it and reorder on a phone, then build for the stores from Publish.
Prompt para la IARun a final check of every screen in light and dark mode: onboarding, sign-in, Home, menu and dishes, search and filters, cart, checkout, tracking, orders, reviews, addresses, settings and help. Fix anything broken or still showing template content, then get the app ready for a store build.
Cómo usar esta plantilla
- Usa la plantilla para tener una copia editable, con su código fuente, en tu espacio de trabajo (Plantillas).
- Pide al asistente de IA los cambios que quieras, con tus propias palabras (Trabajar con el asistente).
- Prueba cada cambio en la vista previa en vivo o en tu teléfono (Vista previa).
- Con Creator o superior, compílala para iOS y Android y envíala a las tiendas (Resumen de la publicación).
Licencia y soporte
Licencia
La app creada para ti es tuya; el código de la plantilla sigue siendo de InspireUI y tiene licencia para usarse en tus apps (Términos › Nuestra propiedad intelectual).
Ayuda
- Guías sobre plantillas, el asistente y la publicación.
- Contactar con soporte desde Ayuda; respondemos normalmente en 1–2 días laborables.
- En tu copia, pregunta al asistente de IA sobre cualquier pantalla o archivo.
Hecho por FluxNative
Política de soportePreguntas
¿Es gratis?
Copiar una plantilla gratis no cuesta nada, ni créditos; una Premium es un pago único por sitio web. Los cambios por chat y las compilaciones usan créditos.
¿Qué es mío?
Eres dueño de la app creada para ti. El código de la plantilla sigue siendo de InspireUI y tiene licencia para usarlo en tus apps (Terms › Our intellectual property).
¿Necesito saber programar?
No. Pide cambios al asistente con tus palabras; el código completo está ahí cuando lo quieras.
¿Incluye backend?
No. Una app completa indica el backend que necesita y conectas el tuyo en Server; un diseño usa datos de ejemplo.
¿Puedo cambiar el diseño?
Sí. La pestaña Design cambia el color de marca, los colores, las fuentes y las esquinas sin gastar créditos; el asistente cambia el resto.
¿Qué plan necesito para publicar?
Creator o superior compila y sube a las tiendas, con tus propias cuentas de Apple y Google. La app de una plantilla Premium compila en cualquier plan cuando su sitio web está conectado.
¿Puedo descargar el código?
Sí, con Download source o Push to GitHub, cuando tu espacio de trabajo haya comprado un plan, créditos o una plantilla de pago. La app de una plantilla Premium también necesita su sitio web conectado.
¿Y si se hizo con una versión anterior de FluxNative?
Tu copia funciona tal cual. Pide al asistente que la actualice a funciones nuevas, como idiomas y monedas de la app; es el último paso de configuración.
¿Lista para convertirla en tu app?
Empieza desde BiteRush Food Delivery App y cambia lo que quieras por chat. Tu copia incluye el código fuente completo.
Copia gratis. Sin tarjeta de crédito.