Dashboard School Mangment System ?

Front-End Dashboard Project (React JS)

المشروع: لوحة تحكم Dashboard

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

React JS

HTML / CSS / JavaScript

MUI Components (DataGrid, Buttons, Modals, Dialogs)

Toast Notifications

وصف المشروع:

تم تصميم وتطوير لوحة تحكم متكاملة لإدارة بيانات الطلاب، الأقسام، الحضور والدرجات، مع واجهة مستخدم سلسة وسهلة الاستخدام. المشروع يتيح إضافة وتعديل وحذف البيانات بطريقة منظمة مع الحفاظ على تجربة المستخدم.

المميزات الرئيسية التي قمت بتطويرها:

عرض بيانات الطلاب في جدول تفاعلي (DataGrid) مع إمكانية البحث والفرز.

إضافة وتعديل وحذف البيانات باستخدام مودالات تظهر البيانات القديمة لتسهيل التعديل.

تصميم واجهة مستخدم متجاوبة ومرتبة باستخدام مكونات MUI.

تحسين تجربة المستخدم وسرعة التفاعل مع البيانات.

كتابة كود نظيف ومنظم يسهل صيانته وتطويره لاحقًا.

النتيجة:

لوحة تحكم جاهزة للاستخدام الفعلي.

تجربة مستخدم سلسة وسريعة.

المميزات:

Dashboard رئيسية

إدارة الطلاب

إدارة الكورسات

متابعة الحضور

إدارة الدرجات

الشؤون المالية

الإعدادات