"Lets-Todo-List" – تطبيق إدارة المهام

تطبيق إدارة مهام سريع الاستجابة تم بناؤه باستخدام React و Material UI حيث يمكن للمستخدمين إضافة مهامهم اليومية وتصفيتها وتتبعها.

-المشكلة:

يُعدّ الحفاظ على تنظيم المهام تحديًا شائعًا. فالعديد من تطبيقات إدارة المهام إما معقدة للغاية أو مزدحمة بصريًا. وكان الهدف هو بناء تطبيق بسيط وسهل الاستخدام وذو تصميم أنيق، حيث يمكن للمستخدم إضافة المهام بسرعة ومعرفة ما تم إنجازه وما هو قيد الانتظار.

-مهمتي:

مطور منفرد – مسؤول عن بنية الواجهة الأمامية بالكامل، وإدارة الحالة، وواجهة المستخدم/تجربة المستخدم، والنشر.

-العملية:

صممتُ آلية عمل بسيطة وسلسة:

واجهة مستخدم أنيقة تعتمد على البطاقات، حيث يُضيف المستخدم مهمةً عبر حقل إدخال.

ثلاثة أزرار تصفية ("الكل"، "مُنجز"، "غير مُنجز") تُتيح عرض المهام بشكل ديناميكي.

يمكن وضع علامة "مُنجز" على كل مهمة أو حذفها، مع توفير مؤشر مرئي (علامة صح، خط مُشطوب).

-الميزات الرئيسية:

➕ إضافة مهمة – أنشئ مهامًا جديدة فورًا.

✅ وضع علامة كمنجز/غير منجز – فعّل/عطّل حالة الإنجاز بنقرة واحدة.

🗑️ حذف مهمة – احذف المهام التي لم تعد بحاجة إليها.

🔍 تصفية المهام – اعرض جميع المهام، أو المهام المنجزة، أو المهام غير المنجزة باستخدام زر تبديل.

🎨 واجهة مستخدم عصرية ومتجاوبة – مصممة باستخدام Material UI لمظهر أنيق واحترافي.

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

الواجهة الأمامية: React.js، Material UI

إدارة الحالة: React Hooks (useState، useEffect)

النشر: Netlify

-النتيجة:

مدير مهام متكامل الوظائف وسريع الاستجابة، يساعد المستخدمين على تنظيم مهامهم بسلاسة تامة. يُظهر هذا التطبيق قدرتي على التعامل مع تحديثات واجهة المستخدم في الوقت الفعلي، وبنية البرمجيات القائمة على المكونات، وحفظ البيانات محليًا.