تطبيق إدارة المهام (Todo App) باستخدام React
تفاصيل العمل
تطبيق ويب بسيط وفعّال لإدارة المهام اليومية تم تطويره باستخدام مكتبة React. يتيح للمستخدمين إنشاء المهام، وتحريرها، وحذفها، بالإضافة إلى إمكانية تصفيتها حسب الحالة (مكتملة أو غير مكتملة). يعتمد التطبيق على تخزين المهام محليًا في متصفح المستخدم باستخدام localStorage، لضمان الحفاظ على البيانات بعد إغلاق الصفحة. أهم المميزات: إضافة مهام جديدة مع عنوان وتفاصيل. تعديل المهام عبر واجهة منبثقة بسيطة (Edit Modal). حذف المهام بسهولة. تحديد حالة المهمة (مكتملة / غير مكتملة) بزر مخصص. تصنيف المهام حسب الحالة (All – Done – Not Done). حفظ البيانات محليًا باستخدام localStorage، مع تنظيف البيانات تلقائيًا عند التحميل لضمان خلوّها من الأخطاء. معالجة البيانات غير المتوقعة داخل localStorage لضمان ثبات الأداء. التقنيات المستخدمة: React (مع استخدام hooks مثل useState, useEffect) Material UI (لواجهة مستخدم أنيقة وسريعة) LocalStorage API UUID (لإنشاء معرفات فريدة للمهام)
بطاقة العمل
طلب عمل مماثل