todo list

الموقع ده عبارة عن تطبيق بسيط لإدارة بيانات الطلاب (Student Manager)، ودي تفاصيل المكونات والوظائف بتاعته:

العنوان الرئيسي (Header): كلمة "Student Manager" بتوضح الهدف من الموقع.

خانات الإدخال (Input Fields):

Student name: خانة بيكتب فيها المستخدم اسم الطالب.

Student age: خانة بيكتب فيها المستخدم عمر الطالب.

أزرار التحكم (Action Buttons):

Add: زرار لإضافة الطالب اللي بياناته اتكتبت فوق للقائمة.

Clear All: زرار بيمسح كل الطلاب الموجودين في القائمة مرة واحدة.

عرض البيانات (Student List):

بيظهر كل طالب متسجل في "كارت" (Card) خاص بيه فيه اسمه وسنه.

جنب كل طالب فيه زرار Delete باللون الأحمر عشان تمسح الطالب ده لوحده.

الإحصائيات (Footer):

مكتوب تحت Total students، وده عدّاد بيحسب عدد الطلاب اللي متسجلين حاليًا (في الصورة ظاهر إنهم 2).