Student Manager

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

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

تم بناء التطبيق باستخدام مفاهيم أساسية في React مثل المكونات (Components) و إدارة الحالة (State) باستخدام useState، بالإضافة إلى التعامل مع الأحداث مثل الضغط على الأزرار وإدخال البيانات. كما تم استخدام CSS لتنسيق واجهة المستخدم وجعل التصميم بسيطًا وواضحًا.