To-Do List Web App

To-Do List Web App

تطبيق ويب لإدارة المهام اليومية يتيح إضافة المهام مع تحديد مستوى الأولوية (Low / Medium / High)، حيث يتم تغيير لون المهمة و امكانية ترتيبها بناءً على مستوى الأهمية لتحسين تنظيم الوقت وزيادة الإنتاجية.

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

HTML5 – CSS3 – JavaScript (ES6)

أهم المميزات:

- إضافة المهام مع تحديد مستوى الأولوية و امكانية فرزها حسب الأهمية

- عند إتمام المهمة يتم شطبها بصريًا وتحديث حالتها برمجيًا كـ Done داخل JavaScript

- إمكانية حذف مهمة معينة، حذف جميع المهام، أو حذف المهام المكتملة فقط

- شريط تقدم (Progress Bar) ديناميكي يعكس نسبة الإنجاز الفعلية بناءً على عدد المهام المكتملة من إجمالي المهام

- مؤثرات صوتية للإضافة والحذف وإتمام المهمة، مع زر للتحكم في تشغيل/إيقاف الصوت

- تصميم متجاوب بالكامل يعمل على جميع الأجهزة حتى عرض 320px

- استخدام DOM Manipulation لبناء منطق التطبيق بالكامل

- مكونات قابلة لإعادة الاستخدام وتنظيم كود نظيف وقابل للتطوير

دوري في المشروع:

تصميم وتطوير التطبيق بالكامل من الصفر (من مرحلة التصميم حتى النشر على استضافة مجانية)، مع بناء منطق التحكم وإدارة الحالات باستخدام JavaScript.