مشروعي هو نظام إدارة جامعة (University Management System) مخصص لجامعة IUST. يهدف النظام إلى تسهيل عملية تسجيل الطلاب وعرض معلوماتهم الأكاديمية والشخصية بطريقة مريحة وسريعة. يعتمد المشروع على مجموعة من التقنيات والمكتبات الحديثة لتوفير واجهة مستخدم تفاعلية وتجربة استخدام متميزة.
الأدوات والمكتبات المستخدمة:
React: لإنشاء واجهة تفاعلية وسريعة الاستجابة.
GSAP و @gsap/react: لإضافة تأثيرات أنيميشن احترافية لواجهة المستخدم.
Redux Toolkit و React Redux: لإدارة حالة التطبيق بشكل مركزي وفعال.
AOS: لإضافة تأثيرات أنيميشن سلسة أثناء التمرير.
ApexCharts: لعرض الإحصائيات والبيانات الأكاديمية بشكل مرئي وجذاب.
Axios: للتعامل مع طلبات HTTP وجلب البيانات من خوادم النظام.
clsx: لتسهيل إدارة أسماء الفئات CSS.
dotenv: لإدارة المتغيرات السرية والبيئية.
Flowbite React: لإنشاء عناصر واجهة حديثة وسهلة الاستخدام.
Formik مع Yup: لإنشاء نماذج تسجيل وتحديث معلومات الطلاب مع التحقق من صحة البيانات.
JS-Cookie: لإدارة ملفات تعريف الارتباط لأغراض المصادقة.
Lucide React و React Icons: لتوفير مجموعة من الأيقونات المميزة.
React Hot Toast: لعرض إشعارات وتنبيهات للمستخدمين.
React Router DOM: لإدارة التنقل بين صفحات النظام بسهولة.
Redux Persist: لحفظ حالة التطبيق في التخزين المحلي لضمان تجربة مستخدم مستمرة.
Simple DataTables: لعرض بيانات الطلاب والجداول الأكاديمية بشكل ديناميكي.
الميزات الرئيسية:
تسجيل الطلاب: واجهة مخصصة لتسجيل الطلاب الجدد بسهولة.
عرض المعلومات الأكاديمية: يقدم النظام عرضًا تفصيليًا للبيانات الأكاديمية للطلاب مثل الجداول الدراسية، الدرجات، والحضور.
تقارير وإحصائيات: استخدام ApexCharts لعرض إحصائيات الأداء الأكاديمي للطلاب والإدارة.
إدارة المستخدمين: دعم تسجيل الدخول وإدارة الجلسات باستخدام JS-Cookie و Redux Persist.
تصميم حديث وتفاعلي: تجربة مستخدم رائعة بفضل تأثيرات GSAP و AOS.
نماذج ديناميكية: إنشاء وتحديث البيانات باستخدام Formik مع تحقق تلقائي عبر Yup.
إشعارات تفاعلية: تنبيهات لحظية باستخدام React Hot Toast.
الهدف:
يهدف النظام إلى تحسين تجربة الطلاب والإدارة في جامعة IUST عبر منصة رقمية سهلة الاستخدام وسريعة الاستجابة. يعكس المشروع مهاراتي في تصميم وتنفيذ أنظمة إدارة متكاملة باستخدام تقنيات حديثة تلبي احتياجات المؤسسات التعليمية.