قالب الجمال
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 شاشة
- iOS وAndroid
- بيانات تجريبية
- حُدّث في 28 أكتوبر 2026
- إصدار موثّق
- نسخة واحدة
نسخ مجاني · الشيفرة كاملة · دون بطاقة ائتمان
الشاشات
6 شاشات من التطبيق الفعلي.
ما الذي يتضمنه
- 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
عن هذا القالب
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.
ما تحصل عليه
- الشيفرة كاملة — Expo وReact Native بلغة TypeScript، كتطبيق في مساحة عملك.
- معاينة مباشرة — جرّب كل تغيير في المتصفح أو على هاتفك.
- إصدار موثّق — يُبنى وتُفتح كل شاشة دون أخطاء.
- مساعد الذكاء الاصطناعي — غيّر أي شيء بالمحادثة؛ كل تغيير يستهلك رصيدًا.
- عمليات البناء والرفع إلى المتاجر — بناء iOS وAndroid، يُرسل إلى App Store وGoogle Play من Publish.
- النسخ لا يستهلك رصيدًا — النسخ نفسه بلا تكلفة.
صُنع بإصدار أقدم من FluxNative. تعمل نسختك كما هي؛ اطلب من الوكيل تحديثها عندما تريد لغات التطبيق وعملاته وروابط «حول».
ما تحتاج إليه
- حساب FluxNative — تتسع خطة Free لتطبيقين.
- لا خادم خلفي للبدء — يعمل ببيانات تجريبية إلى أن تصل خادمك.
- Creator أو أعلى — لعمليات البناء الأصلية والرفع إلى المتاجر.
- حسابات المتاجر — Apple Developer Program (99 دولارًا أمريكيًا سنويًا) وGoogle Play (25 دولارًا أمريكيًا مرة واحدة)، للنشر.
ما الذي تتضمنه الشيفرة
- شاشات
- 30
- ملفات في نسختك
- 455
- أسطر كُتبت لهذا التطبيق
- 10 ألف
- مكوّنات واجهة جاهزة
- 138
نصوص التطبيق بـالإنجليزية والفيتنامية
التقنيات المستخدمة
- 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
من package.json لهذا الإصدار.
نظام التصميم
- العناوين
- خط النظام
- النص
- خط النظام
- الوضعان الفاتح والداكن
- Liquid Glass
- أزرار كبسولية
- بطاقات بارزة
الإعداد بعد النسخ
تُفتح نسختك مع مساعد الذكاء الاصطناعي الذي بناها. نفّذ الخطوات بالترتيب: صِل ضمن Server ما تطلبه الخطوة، ثم أرسل كل موجّه.
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.
طلب للذكاء الاصطناعيMy 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.
طلب للذكاء الاصطناعيReplace 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.
طلب للذكاء الاصطناعيTurn 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.
طلب للذكاء الاصطناعيCheck 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.
طلب للذكاء الاصطناعيGet 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.
كيفية استخدام هذا القالب
- استخدم القالب لتحصل على نسخة قابلة للتعديل، مع شيفرتها المصدرية، في مساحة عملك (القوالب).
- اطلب من مساعد الذكاء الاصطناعي التغييرات التي تريدها بكلمات بسيطة (العمل مع المساعد).
- جرّب كل تغيير في المعاينة المباشرة أو على هاتفك (المعاينة).
- مع خطة Creator أو أعلى، أنشئ إصدار iOS وAndroid وأرسله إلى المتاجر (نظرة عامة على النشر).
الترخيص والدعم
الترخيص
التطبيق الذي أُنشئ لك ملكك؛ وتبقى شيفرة القالب ملكًا لـ InspireUI ومرخّصة للاستخدام في تطبيقاتك (الشروط › ملكيتنا الفكرية).
المساعدة
- أدلة عن القوالب والمساعد والنشر.
- التواصل مع الدعم من المساعدة؛ نردّ عادةً خلال 1–2 يوم عمل.
- في نسختك، اسأل مساعد الذكاء الاصطناعي عن أي شاشة أو ملف.
من صنع FluxNative
سياسة الدعمأسئلة
هل هو مجاني؟
نسخ قالب مجاني لا يكلّف شيئًا، ولا حتى رصيدًا؛ والقالب Premium شراء لمرة واحدة لكل موقع. تغييرات المحادثة وعمليات البناء تستهلك رصيدًا.
ماذا أملك؟
أنت تملك التطبيق المصنوع لك. تبقى شيفرة القالب ملكًا لـInspireUI ومرخّصة للاستخدام في تطبيقاتك (Terms › Our intellectual property).
هل أحتاج إلى معرفة البرمجة؟
لا. اطلب التغييرات من المساعد بكلماتك؛ والشيفرة الكاملة متاحة متى شئت.
هل يأتي مع خادم خلفي؟
لا. يسمّي التطبيق الكامل الخادم الخلفي الذي يحتاجه وتصل خادمك ضمن Server؛ أما التصميم فيعمل ببيانات تجريبية.
هل أستطيع تغيير التصميم؟
نعم. يضبط تبويب Design لون العلامة والألوان والخطوط والزوايا دون رصيد؛ ويغيّر المساعد الباقي.
أي خطة أحتاج إليها للنشر؟
تبني خطة Creator أو أعلى وترفع إلى المتاجر بحساباتك في Apple وGoogle. يُبنى تطبيق القالب Premium على أي خطة بعد ربط موقعه.
هل أستطيع تنزيل الشيفرة؟
نعم، عبر Download source أو Push to GitHub، بعد أن تشتري مساحة عملك خطة أو رصيدًا أو قالبًا مدفوعًا. يحتاج تطبيق القالب Premium أيضًا إلى ربط موقعه.
ماذا لو صُنع بإصدار أقدم من FluxNative؟
تعمل نسختك كما هي. اطلب من المساعد تحديثها بميزات أحدث، مثل لغات التطبيق وعملاته؛ وهي آخر خطوة إعداد.
هل أنت مستعد لتجعله تطبيقك؟
ابدأ من Taper Barbershop Booking App وغيّر أي شيء عبر الدردشة. تتضمن نسختك الشيفرة المصدرية كاملة.
نسخ مجاني. لا حاجة إلى بطاقة ائتمان.