Eduport LMS

مشروع Eduport_LMS هو نظام إدارة تعلم (LMS - Learning Management System) موجه بشكل خاص للمراكز التعليمية، ويهدف إلى تقديم بيئة تعليمية تفاعلية تتيح للطلاب والمعلمين التواصل وتبادل المعرفة بشكل فعال.

التقنيات والأدوات المستخدمة:

React:

تم استخدام React لبناء واجهة المستخدم التفاعلية. فهو إطار عمل شهير في تطوير واجهات الويب من جانب العميل (front-end)، مما يتيح بناء مكونات واجهة مستخدم قابلة لإعادة الاستخدام وسريعة الاستجابة.

Hooks:

يتم استخدام React Hooks لإدارة الحالة والآثار الجانبية (side effects) داخل مكونات React بشكل أكثر تنظيماً وبطريقة أكثر فعالية. وهذا يساعد في جعل الكود أكثر نظافة وسهولة في الصيانة.

React Router:

يساعد في إدارة التنقل بين الصفحات داخل تطبيق React. باستخدام React Router، يمكن إنشاء روابط للتنقل بين الصفحات المختلفة داخل المنصة التعليمية بطريقة سلسة.

Material UI:

تم استخدام Material UI لتصميم واجهة المستخدم بشكل يتماشى مع تصميم "Material Design" الذي تقدمه Google. هذا يوفر للمستخدمين تجربة مريحة وسهلة الاستخدام مع عناصر واجهة مستخدم جاهزة مثل الأزرار، القوائم، النماذج، وغيرها.

Fake API (MockAPI):

تم استخدام Fake API (من خلال mockapi.io) لتوفير بيانات وهمية يمكن استخدامها لاختبار واجهة المستخدم والتفاعل مع النظام. يُعتبر هذا مفيداً خلال مراحل التطوير قبل تكامل النظام مع API حقيقي.

react-spring:

تم استخدام مكتبة react-spring لإضافة الرسوم المتحركة والتفاعلات الديناميكية داخل التطبيق، مما يعزز من تجربة المستخدم ويجعل الواجهة أكثر جذباً وتفاعلية.