ابنِ تطبيق حجوزات مواعيد لعملك

• ✅ قائمة خدمات (سعر، مدة، مقدّم خدمة)
• ✅ تقويم متاح بالوقت الفعلي
• ✅ حجز الموعد + تأكيد بريد/SMS/واتساب
• ✅ تذكير قبل الموعد بيوم/ساعة
• ✅ دفع مقدّم أو كامل عبر بوابة دفع
• ✅ لوحة إدارة للمواعيد وإلغاء/إعادة جدولة

انسخ كل برومبت والصقه في Lovable بالترتيب. لا تدمج خطوتين في برومبت واحد — الجودة تنخفض. عدّل النص بين الأقواس المربّعة ليناسب مشروعك.

⌨️ تنقّل بين الخطوات بالأسهم (↑ ↓ → ←)، واضغط Enter أو Space لنسخ البرومبت.

1. 1

   الخطوة 1: الهوية والصفحات

   برومبت الخطوة 1 — الهوية والصفحات. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   أنشئ نظام حجوزات لـ [نوع النشاط: عيادة/صالون/مدرّب]. صفحات عامة: الرئيسية، الخدمات، احجز الآن (Wizard 4 خطوات)، حسابي، تواصل. صفحات إدارية: مواعيدي، الخدمات، مقدّمو الخدمة، الإعدادات. RTL عربي.

   نسخ
2. 2

   الخطوة 2: قاعدة البيانات

   برومبت الخطوة 2 — قاعدة البيانات. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   جداول: services (name, duration_min, price, provider_ids[]), providers (name, avatar, bio, working_hours JSON), availability_slots (provider_id, date, start, end, is_booked), bookings (service_id, provider_id, customer_id, start_at, end_at, status, payment_status, notes). RLS: العميل يرى حجوزاته فقط.

   نسخ
3. 3

   الخطوة 3: Wizard الحجز

   برومبت الخطوة 3 — Wizard الحجز. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   معالج ٤ خطوات: (١) اختر الخدمة (٢) اختر مقدّم الخدمة أو «أي متاح» (٣) اختر التاريخ ثم الوقت من الفترات المتاحة (احسبها من working_hours ناقص المحجوز) (٤) بيانات العميل + دفع مقدّم عبر Stripe. عند التأكيد أنشئ booking بحالة confirmed_paid.

   نسخ
4. 4

   الخطوة 4: التأكيدات والتذكيرات

   برومبت الخطوة 4 — التأكيدات والتذكيرات. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   عند إنشاء الحجز: أرسل بريد تأكيد مع تفاصيل الموعد وزر إلغاء/إعادة جدولة. أنشئ Scheduled Function يومياً ترسل تذكيراً قبل ٢٤ ساعة، وWebhook قبل ساعة عبر واتساب Cloud API. أضف زر إضافة للتقويم (ICS).

   نسخ
5. 5

   الخطوة 5: لوحة الإدارة

   برومبت الخطوة 5 — لوحة الإدارة. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   صفحة /admin/bookings تعرض المواعيد في تقويم أسبوعي (Week View) وقائمة. إمكانية تغيير الحالة (حضر / لم يحضر / أُلغي)، إعادة جدولة بسحب، وإضافة ملاحظات. صفحة /admin/services لإدارة الخدمات وأسعارها، و/admin/providers لإدارة الموظفين وساعات العمل.

   نسخ
6. 6

   الخطوة 6: التقارير والتحصيل

   برومبت الخطوة 6 — التقارير والتحصيل. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   لوحة تحكم بإحصاءات: حجوزات اليوم/الأسبوع، إيرادات، نسبة No-Show، أكثر الخدمات طلباً، أكثر الأوقات ازدحاماً. تقرير مالي شهري قابل للتصدير.

   نسخ

1. ١. راجع المعاينة (Preview)

   افتح المعاينة داخل Lovable وتأكد أن جميع الصفحات تعمل بلا أخطاء وأن الروابط الداخلية سليمة، خاصة على شاشة الجوّال.

2. ٢. فعّل Lovable Cloud إذا كان مشروعك يحتاج قاعدة بيانات أو تسجيل دخول

   من الإعدادات فعّل Cloud (يعمل على Supabase تحت الغطاء) قبل النشر لضمان أن العمليات الخلفية مربوطة بمشروع إنتاجي.

3. ٣. أضف مفاتيح البيئة (Secrets)

   من Project Settings أضف مفاتيح خدمات الدفع والبريد وأي API خارجي. لا تضع المفاتيح داخل الكود مباشرة.

4. ٤. اضغط Publish

   سينشر Lovable مشروعك على نطاق فرعي *.lovable.app خلال دقيقة تقريباً. شارك الرابط للتجربة الأولى.

5. ٥. اربط نطاقك الخاص (Custom Domain)

   من Project Settings → Domains أضف نطاقك واتبع تعليمات DNS. النطاق الخاص شرط أساسي لثقة المستخدم ولمحركات البحث.

6. ٦. أرسل خريطة الموقع لـ Google Search Console

   بعد ربط النطاق، أضف الموقع في Search Console وأرسل ‎/sitemap.xml وابدأ بمراقبة الفهرسة.