Mẫu Làm đẹp
Taper Barbershop Booking App
A barbershop's own app: customers book a barber and a free time, collect stamps toward a free cut, reserve products and join the walk-in line, and barbers run the day in Staff mode. Runs on sample data until you connect Supabase.
- 30 màn hình
- iOS & Android
- Dữ liệu mẫu
- Cập nhật 28 thg 10, 2026
- Bản phát hành đã kiểm tra
- 1 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
- Book by service, barber and free time in the shop's time zone; a database rule stops two people taking one time
- Reschedule or cancel up to 2 hours before, with reminders a day and 2 hours ahead on iOS and Android
- A ten-stamp card with a member QR code: staff add the stamp on Done or by scanning, and rewards carry a code
- Reserve grooming products to pick up at the next visit; services and products are paid at the shop
- A walk-in line with the wait and your place, and staff who call the next person to the chair
- Staff mode: the day by barber, Arrived, Done and No-show, walk-ins, member scanning and time off
Giới thiệu mẫu
Overview
Taper is the app a neighbourhood barbershop gives its regulars. They see the shop's hours and their next visit, book a barber and a free time in a few taps, collect a stamp at every visit (the tenth cut is free), reserve products to pick up and join the walk-in line from home. The barbers use the same app in Staff mode to run the day.
Out of the box it runs in sample mode: no backend, everything kept on the phone, two sample shops in Brooklyn with six barbers. Connect Supabase and the same screens read and write the shop's own data.
Key features
Book: the menu by kind with photos, minutes and prices; a page per service; any barber or a chosen one; a 14-day strip that marks Full, Closed and Off days; free times in the shop's time zone with taken ones struck through
Confirm: extras that still fit before the barber's next client, a note for the barber, products to pick up at the visit, and a price that says it is paid at the shop
Visits: reschedule or cancel up to 2 hours before, then the app says to call the shop; Book again; rate a visit
Barbers: rating, years at the shop, specialty, the next free times as chips that start a booking, recent work and reviews
Rewards: a ten-stamp card, the 5th stamp earns a hot towel upgrade and the 10th a free haircut, a member QR code, reward codes with use-by dates and a history
Shop: bestsellers, product pages, a bag, pickup with the next visit or at the counter, a pickup code and status
Walk-in line: the wait, how many are ahead, who is working, your place refreshed every 30 seconds, Leave the line
Account: sign in with an email code; favourite barber, your usual note, reminders, Delete my data
Staff: today's bookings by barber with Arrived, Done and No-show, Done adds the member's stamp, walk-ins, scanning a member's code, handing over pickups, blocking time off
Screens
30 screens in light and dark: Home, shop switch, Book, service, choose a time, confirm, you're booked, barbers, barber, visits, visit, rate, walk-in line, rewards, reward code, shop, product, bag, pickup, news, account, sign in, terms, privacy, about, and the staff screens: today, a visit, scan a member, walk-ins and time off.
Backend
One Supabase migration adds the shops, hours, team, menu, bookings, stamps, rewards, products, pickups, the walk-in line and profiles with row-level security. Booking, moving, cancelling, stamps, rewards, pickups and Delete my data run as server functions, and an exclusion constraint stops a time being booked twice. The migration seeds the sample business, so a new project opens with data. Staff and owners are a role on their profile, set in the table editor.
Money
Nothing is paid in the app. Haircuts and products are paid at the shop, as the App Store expects for services used outside the app, so there is no in-app purchase or card form to set up.
Setup
Connect Supabase under Server › Backend › Supabase and run the migration, replace the sample shop, team, menu and photos with your own, and set your terms and privacy text. Reminders and member scanning work in the iOS and Android builds; the web preview shows the member number field instead of the camera.
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 cũ hơn. Bản sao vẫn chạy bình thường; hãy nhờ agent cập nhật cho ngôn ngữ, tiền tệ và liên kết Giới thiệu của ứng dụng.
Bạn cần
- Tài khoản FluxNative — gói Free chứa tối đa 2 ứng dụng.
- Không cần backend để bắt đầu — chạy bằng dữ liệu mẫu cho đến khi bạn kết nối backend của mình.
- 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
- 30
- file trong bản sao
- 455
- dòng code viết riêng cho ứng dụng
- 10 N
- component giao diện có sẵn
- 138
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.3
Từ package.json của bản phát hành này.
Hệ thống thiết kế
- Tiêu đề
- Phông hệ thống
- Nội dung
- Phông hệ thống
- Chế độ sáng và tối
- Liquid Glass
- Nút bo tròn
- Thẻ nổi
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 Supabase
Create a Supabase project, save its URL and anon key under Server › Backend › Supabase, and run supabase/migrations/20261020120000_taper.sql in its SQL editor: it adds the tables, the rules and the sample shop.
Câu lệnh cho AIMy Supabase project is connected under Server › Backend › Supabase. Write its URL and anon key into .env, make sure supabase/migrations/20261020120000_taper.sql has been run on it, and check that Home, Book, Rewards and Staff load from it.
Add your shop, team and menu
Replace the sample shops, hours, barbers, services and products with yours in Supabase's table editor (the README lists each table), add your photos, and give your barbers the staff role in profiles.
Câu lệnh cho AIReplace Taper's sample business with mine: the shop name, address, phone and hours, my barbers with their specialties, my services with minutes and prices, and my products. Update the seed in the migration and the sample data so they match.
Rename it for your business
src/config/business.ts holds every business word (barber, cut, shop), the cancel window and the stamps a reward needs. Change the window and the stamp goal in the migration too.
Câu lệnh cho AITurn Taper into an app for my business. Change the words in src/config/business.ts, and the cancel window and stamp goal in both business.ts and the migration.
Check reminders and scanning on a phone
Reminders and scanning a member's code use the phone's notifications and camera, so try them in an iOS or Android build. The web preview shows the member number field instead.
Câu lệnh cho AICheck that booking reminders and the staff member scanner work in a phone build, and fix anything that does not.
Publish from your own account
App Store rule 4.2.6: an app made from a template is published by the business it is for, from its own developer account. Replace the sample photos, terms and privacy text first.
Câu lệnh cho AIGet the app ready to publish under my business: my name, icon and photos, and my own terms of use and privacy text in place of the sample text.
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ừ Taper Barbershop Booking 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.