Todo List React App

To-Do List App

تطبيق ويب لإدارة المهام اليومية، تم تطويره باستخدام React، Redux، وMaterial-UI (MUI) لتقديم تجربة مستخدم سلسة وتصميم عصري متجاوب.

أهم الميزات:

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

تعديل المهام عبر نافذة منبثقة (Modal) بتصميم واضح وسهل.

حذف المهام أو تحديدها كمكتملة.

فلترة المهام حسب الحالة: الكل / مكتملة / غير مكتملة.

التصميم متجاوب بالكامل ليتوافق مع مختلف أحجام الشاشات.

إدارة الحالة باستخدام Redux لضمان التحكم الكامل في بيانات التطبيق.

استخدام MUI لواجهة مستخدم أنيقة وعصرية.

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

React.js (Hooks - Functional Components)

Redux Toolkit لإدارة الحالة

Material-UI (MUI) لتصميم الواجهة

JavaScript (ES6+)

CSS / Flexbox / Media Queries

واجهة المستخدم:

صورة تظهر تصميم نظيف ومقسم بشكل واضح، مع Modal لواجهة التعديل.

الأزرار تحمل ألوان دالة على الإجراء (أخضر: تأكيد، أزرق: تعديل، أحمر: حذف).