مشروع قيد التطوير
Front-End Dashboard Project (React JS)
المشروع: لوحة تحكم Dashboard
التقنيات المستخدمة:
React JS
HTML / CSS / JavaScript
MUI Components (DataGrid, Buttons, Modals, Dialogs)
وصف المشروع:
تم تصميم وتطوير لوحة تحكم متكاملة لإدارة بيانات الطلاب، الأقسام، الحضور والدرجات، مع واجهة مستخدم سلسة وسهلة الاستخدام. المشروع يتيح إضافة وتعديل وحذف البيانات بطريقة منظمة مع الحفاظ على تجربة المستخدم.
المميزات الرئيسية التي قمت بتطويرها:
عرض بيانات الطلاب في جدول تفاعلي (DataGrid) مع إمكانية البحث والفرز.
إضافة وتعديل وحذف البيانات باستخدام مودالات تظهر البيانات القديمة لتسهيل التعديل.
تصميم واجهة مستخدم متجاوبة ومرتبة باستخدام مكونات MUI.
تحسين تجربة المستخدم وسرعة التفاعل مع البيانات.
كتابة كود نظيف ومنظم يسهل صيانته وتطويره لاحقًا.
النتيجة:
لوحة تحكم جاهزة للاستخدام الفعلي.
تجربة مستخدم سلسة وسريعة.
التقنيات المستخدمة:
React
Material UI (MUI)
Toast Notifications
المميزات:
Dashboard رئيسية
إدارة الطلاب
إدارة الكورسات
متابعة الحضور
إدارة الدرجات
الشؤون المالية
الإعدادات
