Todo list

### 📌 اسم المشروع: تطبيق إدارة المهام الذكي مع حفظ البيانات (Dynamic To-Do List App)

### 📝 وصف المشروع:

تطبيق ويب تفاعلي ومتقدم لإدارة المهام اليومية وتنظيم الوقت، تم بناؤه بالاعتماد الكامل على البرمجةVanilla JavaScript بدون أي فريمووركس خارجية. يركز التطبيق على تقديم تجربة مستخدم سلسة واستجابة فورية للأوامر، مع واجهة مستخدم مريحة باللغة العربية تدعم التصفح من اليمين إلى اليسار (RTL).

تم الاهتمام في هذا المشروع بتجربة المستخدم البصرية من خلال إضافة حركات انتقالية ناعمة (CSS Transitions & Animations) وتأثيرات بصرية حركية عند الإضافة، التعديل، أو الحذف الفوري للمهام، مما يضفي لمسة احترافية على أداء التطبيق.

### 🛠️ التقنيات المستخدمة (Tech Stack):

* **HTML5:** لبناء هيكل الصفحة ودعم التوافقية الكاملة للغات التي تبدأ من اليمين كالعربية.

* **CSS3:** لتصميم واجهة مستخدم عصرية، مع الاعتماد على الـ CSS Animations لإعطاء تأثير الـ (Slide & Fade) عند تفاعل المستخدم مع العناصر.

* **Vanilla JavaScript (ES6+):** للتحكم في المنطق البرمجي، معالجة المصفوفات والكائنات، وبناء الـ HTML بشكل ديناميكي (Dynamic DOM Manipulation).

* **Web Storage API (LocalStorage):** لضمان حفظ بيانات ومهام المستخدم على جهازه بشكل دائم، بحيث لا تضيع البيانات حتى بعد إغلاق المتصفح أو إعادة تحميل الصفحة.

### ✨ أبرز مميزات التطبيق:

* **إدارة كاملة للمهام (CRUD Operations):** إمكانية إضافة مهام جديدة، تعديل نصوصها، حذفها، أو تحديدها كمكتملة بسلاسة تامة.

* **حفظ البيانات تلقائياً:** ربط التطبيق بـ LocalStorage لضمان حفظ التعديلات وحالة المهام فوراً بشكل محلي.

* **تأثيرات بصرية ديناميكية (Smooth Animations):** إضافة تأثير انزلاق وتلاشٍ (Slide-out & Fade) مميز يستغرق 700ms عند حذف المهمة لإعطاء شعور بالاحترافية والنعومة للواجهة.

* **مؤشرات بصرية ذكية لحالة المهام:** بمجرد الضغط على زر التميز، يتغير شكل وتصميم المهمة بالكامل (تأثير الشطب على النص Line-through، وتغير الخلفية إلى اللون الرمادي والحدود الخضراء) لتمييز المهام المنتهية.

* **تأكيد الحذف (Data Safety):** نظام حماية يطلب تأكيد المستخدم قبل الحذف الفعلي لمنع مسح المهام بالخطأ.

* **تصميم متجاوب بالكامل:** واجهة مرنة تتكيف تماماً مع كافة مقاسات الشاشات والهواتف الذكية.