FitLife | منصة تفاعلية شاملة للصحة اللياقة البدنية (Full Frontend Flow)

مشروع FitLife ليس مجرد صفحة هبوط رياضية، بل هو "تجربة مستخدم تفاعلية" تم بناؤها لتجمع بين جمال التصميم وقوة البرمجة في آن واحد. أبرز المميزات التفاعلية التي قمت بتنفيذها: تجربة بصرية تفاعلية (Interactive UI Animation): 3D Flip Cards: في سكشن "فوائد الرياضة"، قمت بتنفيذ بطاقات تقليب ثلاثية الأبعاد متحركة عند التمرير بالماوس (Animation upon Hover)، لخلق تجربة مشوقة وغير تقليدية للزائر. Scrolling Progress Bars: في سكشن "التوزيع المثالي"، قمت ببرمجة شريطة تقدم (Progress Bars) تتملأ تلقائياً بمجرد أن يصل إليها المستخدم أثناء السكرول (Animation upon Scroll)، مما يزيد من حيوية الصفحة. إدارة الحالة والتبديل (Dynamic State Management): Tab Switching: في سكشن "أنواع التمارين"، قمت ببناء نظام تبديل ديناميكي بين التمارين (Switching mechanism) لتحديث المحتوى فورياً دون الحاجة لإعادة تحميل الصفحة، لضمان استجابة لحظية لأوامر المستخدم. أدوات حسابية تفاعلية (Smart Logic Tool): BMI Calculator: تنفيذ حاسبة مؤشر كتلة الجسم (BMI)، حيث يتم جمع بيانات المستخدم (الطول، الوزن، العمر، والنوع) عبر الـ Input Fields، وإجراء المعادلات الحسابية برمجياً. Dynamic Result Analysis: التطبيق لا يعطي رقماً فقط، بل قمت ببرمجة الـ Logic ليقوم بتحليل النتيجة وتصنيفها ديناميكياً (نحافة، مثالي، زيادة وزن، سمنة)، وعرضها للمستخدم بطريقة بصرية واضحة.