مطور واجهات أمامية

وصف المشروع

تطبيق ويب متكامل لإدارة المهام اليومية (To-Do List)، تم بناؤه باستخدام تقنيات الويب الأساسية بدون أي مكتبات خارجية. يتميز بواجهة مستخدم داكنة (Dark Mode) عصرية، ويدعم حفظ البيانات لضمان عدم ضياع المهام بعد إغلاق الصفحة.

? الميزات الرئيسية

واجهة مستخدم عصرية: تصميم مريح للعين بنظام الألوان الداكنة Slate مع خطوط واضحة.

حفظ البيانات تلقائياً: يعتمد على LocalStorage لحفظ المهام داخل متصفح المستخدم.

التحكم الكامل: إمكانية إضافة، حذف، وتحديد المهام كمكتملة بلمسة واحدة.

تصميم متجاوب: يعمل بكفاءة عالية على شاشات الهواتف الذكية والأجهزة اللوحية والمكتبية.

استخدام كامل للغة العربية: واجهة برمجية وتسميات عربية بالكامل في الأكواد.

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

HTML5: لبناء الهيكل الهرمي البسيط والمنظم لعناصر الصفحة.

CSS3: لتنسيق الألوان، الحواف المنحنية، وتأثيرات الأزرار مع استخدام Flexbox للتوزيع المرن.

JavaScript: للتحكم في المنطق البرمجي، معالجة الأحداث (Events)، وتخزين البيانات.

? نقاط القوة في كودك

? منع تداخل الأحداث: استخدامك لـ event.stopPropagation() في دالة الحذف تصرف ذكي جداً لمنع تفعيل حدث تبديل حالة المهمة عند الضغط على زر الحذف.

? نظافة الكود: استخدامك للمصفوفات وطرق مثل push و splice جعل الكود قصيراً ومفهوماً.

? تجربة مستخدم جيدة: التحقق من عدم فراغ الحقل قبل الإضافة عبر دالة .trim().