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

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

مهارات العمل
شارك
بطاقة العمل
تاريخ النشر
منذ 6 أيام
المشاهدات
10
المستقل
Atef Mohamed
Atef Mohamed
Front end Developer
طلب عمل مماثل
مهارات العمل
شارك
مركز المساعدة