Mẫu Ẩm thực
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 màn hình
- iOS & Android
- Cần Supabase
- Cập nhật 4 thg 11, 2026
- Bản phát hành đã kiểm tra
- 5 bản sao đã tạo
Sao chép miễn phí · Toàn bộ mã nguồn · Không cần thẻ
Màn hình
6 màn hình từ ứng dụng thực tế.
Có gì bên trong
- 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
Giới thiệu mẫu
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
Bạn nhận được
- Toàn bộ mã nguồn — Expo và React Native bằng TypeScript, là một ứng dụng trong không gian làm việc của bạn.
- Xem trước trực tiếp — thử mọi thay đổi ngay trên trình duyệt hoặc điện thoại.
- Bản phát hành đã kiểm tra — biên dịch được và mọi màn hình mở không lỗi.
- Trợ lý AI — đổi mọi thứ bằng chat; mỗi thay đổi dùng credit.
- Bản dựng và tải lên cửa hàng — bản dựng iOS và Android, gửi lên App Store và Google Play từ Xuất bản.
- Sao chép không tốn credit — bản thân việc sao chép không mất credit nào.
Được làm bằng phiên bản FluxNative hiện tại.
Bạn cần
- Tài khoản FluxNative — gói Free chứa tối đa 2 ứng dụng.
- Supabase của riêng bạn — cho dữ liệu của bạn; trước đó ứng dụng chạy bằng dữ liệu mẫu.
- Gói Creator trở lên — để dựng bản native và tải lên cửa hàng.
- Tài khoản cửa hàng — Apple Developer Program (99 USD/năm) và Google Play (25 USD một lần), để xuất bản.
Mã nguồn có gì
- màn hình
- 40
- file trong bản sao
- 395
- dòng code viết riêng cho ứng dụng
- 7.216
- component giao diện có sẵn
- 142
Ngôn ngữ trong ứng dụng: Tiếng Anh và Tiếng Việt
Công nghệ
- 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
Từ package.json của bản phát hành này.
Hệ thống thiết kế
- Tiêu đề
- Plus Jakarta Sans
- Nội dung
- Phông hệ thống
- Chế độ sáng và tối
- Liquid Glass
- Nút bo tròn
- Thẻ hình ảnh
Thiết lập sau khi sao chép
Bản sao của bạn mở cùng trợ lý AI đã xây nó. Làm các bước theo thứ tự: kết nối những gì từng bước yêu cầu trong Máy chủ, rồi gửi từng câu lệnh.
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.
Câu lệnh cho AISupabase 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.
Câu lệnh cho AIUse 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.
Câu lệnh cho AII 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.
Câu lệnh cho AIReplace 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.
Câu lệnh cho AIRun 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ách dùng mẫu này
- Dùng mẫu để có một bản sao chỉnh sửa được, kèm mã nguồn, trong không gian làm việc của bạn (Mẫu).
- Nhờ trợ lý AI thay đổi những gì bạn muốn, bằng lời thường (Làm việc với trợ lý).
- Xem thử từng thay đổi trong bản xem trước trực tiếp, hoặc trên điện thoại (Xem trước).
- Từ gói Creator trở lên, build cho iOS và Android rồi gửi lên các cửa hàng (Tổng quan phát hành).
Giấy phép và hỗ trợ
Giấy phép
Ứng dụng được tạo cho bạn là của bạn; mã của mẫu vẫn thuộc InspireUI và được cấp phép để dùng trong các ứng dụng của bạn (Điều khoản › Sở hữu trí tuệ của chúng tôi).
Trợ giúp
- Hướng dẫn về template, trợ lý và xuất bản.
- Liên hệ hỗ trợ từ Trợ giúp; thường phản hồi trong 1–2 ngày làm việc.
- Trong bản sao của bạn, hỏi trợ lý AI về bất kỳ màn hình hay tệp nào.
Do FluxNative tạo
Chính sách hỗ trợCâu hỏi
Có miễn phí không?
Sao chép template miễn phí không mất gì, kể cả credit; template Premium mua một lần cho mỗi website. Đổi bằng chat và bản dựng dùng credit.
Tôi sở hữu gì?
Bạn sở hữu ứng dụng được tạo cho bạn. Mã của template vẫn thuộc InspireUI và được cấp phép dùng trong ứng dụng của bạn (Điều khoản › Quyền sở hữu trí tuệ của chúng tôi).
Tôi có cần biết code không?
Không. Nhờ trợ lý đổi bằng lời thường; có toàn bộ mã nguồn khi bạn cần.
Có kèm backend không?
Không. Ứng dụng đầy đủ nêu backend cần dùng và bạn kết nối backend của mình trong Máy chủ; bản thiết kế chạy bằng dữ liệu mẫu.
Tôi đổi được thiết kế không?
Được. Tab Thiết kế đặt màu thương hiệu, màu sắc, phông chữ và bo góc mà không tốn credit; trợ lý đổi phần còn lại.
Cần gói nào để xuất bản?
Gói Creator trở lên dựng và tải lên cửa hàng, bằng tài khoản Apple và Google của bạn. Ứng dụng từ template Premium dựng được ở mọi gói khi đã kết nối website.
Tôi tải được mã nguồn không?
Được, bằng Tải mã nguồn hoặc Đẩy lên GitHub, khi không gian làm việc của bạn đã mua gói, credit hoặc template trả phí. Ứng dụng từ template Premium cũng cần kết nối website.
Nếu nó được tạo bằng FluxNative cũ hơn thì sao?
Bản sao của bạn vẫn chạy bình thường. Nhờ trợ lý cập nhật để có tính năng mới như ngôn ngữ và tiền tệ của ứng dụng; đó là bước thiết lập cuối.
Sẵn sàng biến mẫu này thành ứng dụng của bạn?
Bắt đầu từ BiteRush Food Delivery App và thay đổi mọi thứ qua chat. Bản sao của bạn có đầy đủ mã nguồn.
Sao chép miễn phí. Không cần thẻ tín dụng.