تطبيق إدارة المهام (Todo App) باستخدام React

تطبيق ويب بسيط وفعّال لإدارة المهام اليومية تم تطويره باستخدام مكتبة React. يتيح للمستخدمين إنشاء المهام، وتحريرها، وحذفها، بالإضافة إلى إمكانية تصفيتها حسب الحالة (مكتملة أو غير مكتملة). يعتمد التطبيق على تخزين المهام محليًا في متصفح المستخدم باستخدام local Storage، لضمان الحفاظ على البيانات بعد إغلاق الصفحة.

أهم المميزات:

إضافة مهام جديدة مع عنوان وتفاصيل.

تعديل المهام عبر واجهة منبثقة بسيطة (Edit Modal).

حذف المهام بسهولة.

تحديد حالة المهمة (مكتملة / غير مكتملة) بزر مخصص.

تصنيف المهام حسب الحالة (All – Done – Not Done).

حفظ البيانات محليًا باستخدام local Storage، مع تنظيف البيانات تلقائيًا عند التحميل لضمان خلوّها من الأخطاء.

معالجة البيانات غير المتوقعة داخل localStorage لضمان ثبات الأداء.

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

React (مع استخدام hooks مثل useState, useEffect)

Material UI (لواجهة مستخدم أنيقة وسريعة)

Local Storage API

UUID (لإنشاء معرفات فريدة للمهام)