GEM – Gym Management System

## GEM – Gym Management System

**GEM** هو نظام ويب متكامل لإدارة وتشغيل صالات الجيم، تم تطويره لتوفير تجربة رقمية منظمة وسهلة لإدارة الأعضاء والاشتراكات والحضور والمدفوعات والمدربين، مع واجهة استخدام حديثة ومتجاوبة.

### دوري في تنفيذ المشروع

قمت بتطوير واجهة النظام وبناء الصفحات والـUI Components وربطها بخدمات الـAPI، مع الاهتمام بتنظيم الكود، سهولة الاستخدام، والاستجابة لمختلف أحجام الشاشات.

عملت على تحويل متطلبات النظام إلى صفحات وتدفقات استخدام واضحة، بدايةً من تسجيل الدخول وحتى إدارة الأعضاء والاشتراكات والحضور والمدفوعات.

### أهم الأجزاء التي تم تنفيذها

* بناء واجهة تسجيل الدخول وإدارة الصلاحيات للمستخدمين.

* تطوير Dashboard لعرض الإحصائيات والمؤشرات الرئيسية.

* إنشاء صفحات إدارة الأعضاء والبحث عن العضو باستخدام بيانات العضوية أو Barcode.

* تطوير واجهات الاشتراكات والباقات وحالات الاشتراك.

* تنفيذ واجهات طلبات الاشتراك والتجديد والتمديد والإلغاء.

* إنشاء صفحات إدارة الحضور والانصراف.

* تطوير واجهات إدارة المدربين والجداول الخاصة بهم.

* إنشاء صفحات تسجيل قياسات الجسم ومتابعة تطور الأعضاء وحساب BMI.

* تطوير واجهات المدفوعات والإيرادات وطرق الدفع.

* إنشاء صفحات وتقارير لعرض بيانات الاشتراكات والحضور والإيرادات والأعضاء.

* تطبيق نظام التنقل بين الصفحات باستخدام React Router.

* ربط الواجهة مع REST APIs والتعامل مع البيانات القادمة من الـBackend.

* تطبيق Authentication باستخدام JWT.

* تصميم واجهات Responsive تعمل على الشاشات المختلفة.

### التقنيات المستخدمة

**Frontend:**

React.js, JavaScript, CSS, React Router

**APIs & Authentication:**

REST APIs, JWT Authentication

### هيكلية المشروع

تم تنظيم المشروع بطريقة تفصل بين واجهة المستخدم، مكونات التطبيق، منطق التعامل مع البيانات، وخدمات الـAPI، مما يسهل صيانة المشروع وإضافة Features جديدة مستقبلًا.

### الهدف من المشروع

الهدف من GEM هو تحويل العمليات اليومية داخل صالة الجيم من إجراءات متفرقة إلى نظام واحد يساعد الإدارة على متابعة الأعضاء والاشتراكات والحضور والمدفوعات والمدربين والتقارير بشكل أكثر تنظيمًا.

**Project Type:** Web Application / Gym Management System

**My Specialization:** Front-End Development