glassmorphism-todo-list

**تطبيق Glassmorphism التفاعلي لإدارة المهام (Todo List)**

تطبيق ويب حديث وبسيط لإدارة ومتابعة المهام اليومية. يتميز بواجهة مستخدم أنيقة بتصميم **Glassmorphism** (تأثير الزجاج الضبابي) مع تجربة استخدام سلسة ومحفزة.

✨ **المميزات الرئيسية**

* **تصميم Glassmorphic عصري:** واجهة أنيقة تستخدم تأثير الزجاج المصنفر (`backdrop-filter: blur`) مع لوحة ألوان متناسقة لإعطاء مظهر مميز وحديث.

* **شريط تقدم ذكي:** مؤشر تقدم تفاعلي يحسب ديناميكياً نسبة المهام المكتملة، مصحوباً بعداد نصي يوضح (المهام المكتملة / إجمالي المهام).

* **ملصق احتفالي:** عند الوصول إلى نسبة 100% من إنجاز جميع المهام المضافة، يظهر ملصق احتفالي متحرك تلقائياً كمكافأة وتحفيز على الإنجاز.

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

* **تحكم كامل بالمهام:** إضافة مهام جديدة، تعديل وصف المهمة بسلاسة، أو حذفها نهائياً بنقرة واحدة.

* **تصميم متجاوب بالكامل:** الواجهة مصممة بعناية لتعمل بسلاسة على الهواتف الذكية والأجهزة اللوحية وأجهزة الكمبيوتر المحمولة والمكتبية.

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

هذا التطبيق مبني بالكامل على تقنيات الويب الأساسية دون الاعتماد على مكتبات ثقيلة أو معقدة:

* **HTML5:** للتخطيط الهيكلي ومكونات الواجهة الأساسية.

* **CSS3:** لتصميم تأثير الزجاج ، والتخطيطات، والتحجيم المتجاوب، والانتقالات السلسة.

* **JavaScript (Vanilla JS):** لمنطق التطبيق، ومعالجة الأحداث (النقر وزر Enter)، وتتبع التقدم، وإدارة التخزين المحلي.