تفاصيل التنفيذ · منصة لياقة
Elite Performance Hub
موقع لياقة يعرض خدمات التدريب ويتيح للزوار استكشاف مكتبة تمارين. تدعم المكتبة البحث والتصفية حسب أجزاء الجسم والمعدات وعرض تفاصيل التمارين وتحميل المزيد من النتائج.
- React
- TypeScript
- Vite
React
البحث والتصفية
API
تخزين الطلبات وتحويل البيانات
ExerciseDB
بيانات التمارين
هذا عرض للتنفيذ يستند إلى الكود العام. يتضمن المستودع اختبارات، ولا تدّعي الصفحة وجود نتائج مقاسة للتحويلات أو العملاء أو اختبارات الضغط.
الحفاظ على استجابة البحث
يؤجل الخطاف قيمة البحث ويستخدم AbortController لإلغاء الطلبات عند تغيير الاستعلام. ويتحقق من الاستجابات القديمة قبل تحديث الحالة، مع إتاحة حالات التحميل والأخطاء وتقسيم النتائج للواجهة.
خطاف مكتبة التمارينفصل خدمة البيانات عن العرض
تبني خدمة API الطلبات وتفحص الاستجابات وتخزن النتائج في الذاكرة وتحول بيانات ExerciseDB إلى نموذج التطبيق. يقلل التخزين الطلبات المتكررة خلال الجلسة، لكنه يفرض موازنة مع حداثة البيانات لأن العناصر المخزنة لا تنتهي صلاحيتها.
خدمة API للتماريناختبار طبقة تحويل البيانات
تغطي اختبارات محددة تحويل حقول التمارين وتنسيق الأسماء وترتيب فئات التصفية. ويدعم مربع التفاصيل مفتاح Escape ويعيد تمرير الصفحة بعد إغلاقه. تشمل الفحوص التالية تغييرات التصفية السريعة وأخطاء API وإدارة التركيز الكاملة بلوحة المفاتيح.
اختبارات تحويل بيانات التمارين