Plantilla de Belleza
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 pantallas
- iOS y Android
- Datos de ejemplo
- Actualizada el 28 oct 2026
- Versión verificada
- 1 copia creada
Copia gratis · Código completo · Sin tarjeta
Pantallas
6 pantallas de la app en funcionamiento.
Qué incluye
- 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
Acerca de esta plantilla
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.
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 una versión anterior de FluxNative. Tu copia funciona tal cual; pide al agente que la actualice cuando quieras idiomas y monedas en la app o enlaces Acerca de.
Qué necesitas
- Una cuenta de FluxNative: el plan Free admite hasta 2 apps.
- Sin backend para empezar: usa datos de ejemplo hasta que conectes el tuyo.
- 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
- 30
- archivos en tu copia
- 455
- líneas escritas para esta app
- 10 mil
- componentes de UI listos
- 138
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.3
Del package.json de esta versión.
Sistema de diseño
- Títulos
- Fuente del sistema
- Texto
- Fuente del sistema
- Modo claro y oscuro
- Liquid Glass
- Botones de cápsula
- Tarjetas elevadas
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 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.
Prompt para la IAMy 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.
Prompt para la IAReplace 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.
Prompt para la IATurn 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.
Prompt para la IACheck 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.
Prompt para la IAGet 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ó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 Taper Barbershop Booking App y cambia lo que quieras por chat. Tu copia incluye el código fuente completo.
Copia gratis. Sin tarjeta de crédito.