تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite) تطبيق GymApp — واجهة ويب ديناميكية لإدارة النوادي والبرامج التدريبية (React + Vite)
تفاصيل العمل

تطبيق واجهات أمامية مصمم لنوادي اللياقة يوفّر تجربة مستخدم حديثة وسلسة لعرض برامج تدريبية، جداول حصص، وصفحات عضو الحساب الشخصي ونظام تسجيل/تسجيل دخول بسيط. الواجهة مترابطة باستخدام React وVite، وتحتوي على وضعين للعرض (فاتح/ليلي) مع تفضيل محفوظ، خطوط مميزة وتأثيرات ورسوم متحركة أنيقة عبر CSS لتحسين تجربة المستخدم. المزايا الرئيسية: - صفحات رئيسية: Home، Programs، Classes، Profile، Login/Registration. - نظام مصادقة بسيط يعتمد على localStorage (تسجيل مستخدم وحفظ بيانات الجلسة محليًا). - حماية أجزاء من التطبيق (عرض محتوى البرامج/الحصص فقط بعد تسجيل الدخول). - تصميم متجاوب ومتوافق مع أحجام الشاشات المختلفة. - الوضع الفاتح/الليلي في المتصفح. - تأثيرات ظهور متدرج للعناصر وانتقالات سلسة.

شارك
مركز المساعدة