Titan MMA-Gym

ما هو Titan MMA Gym؟ ?

إنه نموذج تجريبي لنظام حجز إلكتروني يتيح للمستخدمين حجز حصص فنون القتال المختلطة (MMA) بسهولة وسلاسة.

آلية الحجز:

1. يقوم المستخدم بتسجيل الدخول عبر صفحة التسجيل.

2. يمكنه بعدها اختيار أي حصة يرغب بها، وسيصله تأكيد فوري عبر البريد الإلكتروني.

3. كما يمكنه إدارة اشتراكه من خلال لوحة التحكم: التبديل بين الباقات المختلفة أو إلغاء الخطة الحالية.

المزايا في واجهة المستخدم (UI):

• الصفحة الرئيسية:

1. قسم تعريفي (Hero Section) مع فيديو ترويجي.

2. نظرة عامة على خدمات النادي (عن النادي – البرامج التدريبية – الأسئلة الشائعة – الاشتراك في النشرة البريدية).

• صفحة الحصص:

1. عرض قائمة شاملة بجميع الحصص المتاحة (MMA – مواي تاي – المصارعة – الضربات).

2. تفاصيل كل حصة: المدرب، المواعيد، السعر، مستوى الصعوبة.

3. معرض صور حصري يوثق أجواء التدريب.

• صفحة المدربين:

1. ملفات تعريفية لجميع المدربين.

2. نبذة عن خبراتهم، إنجازاتهم، وتخصصاتهم.

3. قسم خاص بتجارب وشهادات المتدربين.

• صفحة الطلاب:

1. جدول يضم أبرز أعضاء النادي وإنجازاتهم.

2. يتم جلب البيانات من واجهة برمجية خارجية (API) باستخدام React Query.

•️ التقنيات المستخدمة:

الواجهة الأمامية (Frontend): React.js + TailwindCSS + Typescript

مكتبة التصميم: Material UI (MUI)

التوثيق والفوترة: Clerk

قاعدة البيانات: Convex

الاستضافة: Netlify

أداة البناء والتجميع: Webpack