تطبيق ويب تفاعلي (Interactive Web App) لإدارة المهام اليومية، تم بناؤه بالكامل باستخدام مكتبة React.js. هذا المشروع هو مثال عملي متقدم على بناء "تطبيقات الصفحة الواحدة" (Single Page Applications - SPAs).

الميزات الرئيسية للمشروع:

إدارة الحالة (State Management): تم استخدام React Hooks (وتحديداً useState) لإدارة "ذاكرة" التطبيق بالكامل، بما في ذلك قائمة المهام الحالية والنص الذي يكتبه المستخدم في حقل الإدخال.

تفاعلية كاملة (CRUD): يطبق التطبيق العمليات الأساسية لإدارة البيانات:

Create (إنشاء): إضافة مهام جديدة إلى القائمة.

Read (قراءة): عرض قائمة المهام الحالية.

Delete (حذف): حذف أي مهمة من القائمة.

عرض ديناميكي (Dynamic Rendering): يتم إنشاء واجهة المستخدم ديناميكياً بناءً على "الحالة" (State). تم استخدام دالة .map() لتحويل مصفوفة (Array) من البيانات إلى قائمة من المكونات (Components) على الشاشة.

مكونات مُدارة (Controlled Components): تم ربط حقل الإدخال (Input) مباشرة بـ "حالة" React لضمان التحكم الكامل في البيانات.

طريقة التنفيذ (التقنيات المستخدمة):

React.js: المكتبة الأساسية لبناء واجهة المستخدم بالكامل.

React Hooks (useState): لإضافة وإدارة "الحالة" (State) داخل المكون.

JSX: لكتابة أكواد تشبه الـ HTML داخل الجافاسكريبت لبناء المكونات.

CSS3: لتنسيق المكونات وتصميم الواجهة بالكامل.

Event Handling: لإدارة أحداث المستخدم مثل onClick (للأزرار) و onSubmit (للفورم).