لقد قمت بتطوير تطبيق قائمة مهام حديث باستخدام React و TailwindCSS، بهدف توفير تجربة استخدام سلسة وتفاعلية. يوضح هذا المشروع مهاراتي في تطوير الواجهات الأمامية وإدارة الحالة واستخدام التخزين المحلي.
أهم مميزات المشروع:
إضافة وحذف المهام بسهولة
وضع علامة على المهام المكتملة
فلترة المهام: الكل / النشطة / المكتملة
تصميم متجاوب يعمل على الكمبيوتر والموبايل
واجهة تفاعلية وحديثة
حفظ المهام باستخدام localStorage لضمان استمرار البيانات
مكونات React قابلة لإعادة الاستخدام ومنظمة بشكل احترافي
التقنيات المستخدمة:
React (Hooks: useState، useEffect، useRef)
TailwindCSS للتصميم العصري
LocalStorage لتخزين المهام
React Icons لتحسين واجهة المستخدم