Learning Mangement system

- نوع العمل

موقع تعليمي لعرض الكورسات (Courses Site).

يستخدم React مع TypeScript بالإضافة إلى Tailwind CSS لتنسيق الواجهة.

GitHub

يحتوي على خصائص مثل تصفح الكورسات، ملفات المستخدمين (Dashboard)، وتعدد اللغات (عربية وإنجليزية)

- المميزات

1- دعم متعدد اللغات

الموقع يدعم العربية والإنجليزية مع ضبط اتجاه النص حسب اللغة (RTL/ LTR).

2- إدارة الثيمات (Light/Dark Mode)

يمتلك ثيمات ضوء وظلام، مع إمكانية اكتشاف تفضيل النظام (System Preference) والتحويل السلس بينهما.

3- تصميم متجاوب وحديث

يستخدم Tailwind CSS مع منهجية “Mobile-first” لتصميم يستجيب لأحجام الشاشات المختلفة.

الحركات والانتقالات الدقيقة (Micro-interactions) لتعزيز تجربة المستخدم.

4- ميزات تعليمية متكاملة

عرض الكورسات مع خيارات البحث والفلترة.

صفحة التفاصيل الخاصة بكل كورس، المحتوى، المراجعات.

ملفات المعلمين (Instructor Profiles) مع معلومات وتفاصيل.

لوحة تحكم للمستخدم (User Dashboard) لعرض التقدم وإدارة الكورس.

نظام تسجيل ودخول مع التحقق من صحة البيانات (form validation).

5- تقنيات ضمان الجودة

استخدام TypeScript لتقليل الأخطاء البرمجية من النوع (Type Safety).

اختبارات وحدات (Unit Tests) ومكونات متكاملة (Integration Tests) لضمان أن كل شيء يعمل بشكل متوقع.

استخدام React Query لإدارة البيانات من API أو من مزود بيانات مزيف (Fake API) مع قدر من التأخير والمحاكاة لواقع الشبكة