Web Apps
CLASH ZONE | كلاش زون
بوابة ونظام إدارة الحجوزات لمركز كلاش زون للترفيه التكتيكي والليزر تاج
نظرة عامة
منصة كلاش زون (CLASH ZONE) هي بوابة إلكترونية ونظام متكامل لإدارة الحجوزات والعمليات لمركز ترفيه تكتيكي ومعارك الليزر تاج. تم بناؤها بتقنيات Full-Stack الحديثة (React 19 وTypeScript وVite 8 وTailwind CSS v4 وSupabase) لربط تجربة الحجز بلوحة قيادة تشغيلية لحظية. تتضمن القدرات الأساسية: 1. **تقويم وجداول زمنية تفاعلية:** عرض أسبوعي مرئي للمواعيد مع إمكانية إعادة جدولة الحجوزات بالسحب والإفلات (Drag-and-Drop) والتحقق الفوري من توفر الفترات. 2. **تحليلات وتقارير لحظية:** مؤشرات حية لإجمالي الحجوزات، وأعداد المشاركين، وجدول اليوم، والفعاليات القادمة، وتوزيع الحجوزات عبر 7 تصنيفات (كول سنتر، عميل جديد، عميل سابق، عيد ميلاد، جامعة، إيفنت خارجي، مدرسة). 3. **مزامنة فورية عبر PostgreSQL Realtime:** تحديث حي ولحظي عبر جميع الشاشات المفتوحة فور إنشاء أي حجز أو تأكيده أو إكماله أو إلغائه. 4. **بوابة مصادقة وصلاحيات متعددة الأدوار (RBAC):** حماية متكاملة عبر Supabase Auth مع صلاحيات مخصصة للمديرين والمشرفين والموظفين وإدارة حسابات طاقم العمل. 5. **أتمتة التواصل عبر واتساب والهاتف:** إرسال رسائل تأكيد واتساب جاهزة بضغطة زر واحدة والاتصال المباشر بالعملاء من داخل لوحة الحجوزات. 6. **تصدير تقارير CSV متوافق مع العربية:** تصدير شامل للبيانات بترميز UTF-8 BOM لضمان قراءة الجداول العربية في برنامج Excel بدون أي مشاكل.
أبرز المزايا
بُني باستخدام
لمحة عن البنية التقنية
بنية React 19 وTypeScript وVite 8
معمارية سريعة وعالية الاعتمادية مبنية بأحدث إصدارات React 19 وTypeScript 6 وTailwind CSS v4.
قاعدة بيانات Supabase والمزامنة الحية
قاعدة بيانات PostgreSQL سحابية مع قنوات Realtime لبث تحديثات الحجوزات لحظياً لجميع المستخدمين.
نظام الصلاحيات وإدارة الموظفين
مسارات محمية وإجراءات مقيدة حسب الدور الوظيفي عبر Supabase Auth وسياسات إدارة الموظفين.
أتمتة العمليات وتصدير البيانات
قوالب رسائل واتساب جاهزة وروابط اتصال مباشر وتوليد تقارير CSV بترميز يدعم العربية بالكامل.
التحدي
إدارة حجوزات ساحات اللعب كثيفة الحركة وتعدد فئات المجموعات وتغيير المواعيد بين موظفي الكول سنتر والاستقبال كان يؤدي إلى تضارب المواعيد وتأخر تأكيدات العملاء.
النهج المتبع
طورت بوابة حجوزات وعمليات متكاملة (Full-Stack) باستخدام React 19 وTypeScript وSupabase Realtime، تجمع بين تقويم أسبوعي يدعم السحب والإفلات ونظام صلاحيات للموظفين وأتمتة تأكيدات واتساب.
النتائج
القضاء على تضارب الحجوزات بفضل المزامنة اللحظية، وتسريع تأكيد حجوزات العملاء عبر واتساب، ومنح الإدارة رؤية فورية للسعة التشغيلية وتحليلات الفئات.
معرض الصور
