قائمه مهام يوميه

اسم المشروع: نظام "إنجاز" الاحترافي لإدارة المهام والإنتاجية

​وصف المشروع:

تطبيق إدارة مهام متطور مبني بهندسة برمجية تعتمد على الكائنات (Object-Oriented Architecture). تم تصميم التطبيق ليكون أداة إنتاجية كاملة توفر للمستخدم تجربة سلسة ومنظمة لإدارة أولوياته اليومية مع نظام أمان وحفظ بيانات متقدم.

​المميزات التقنية (من واقع الكود):

​بنية برمجية متطورة (OOP): استخدمت نظام الـ Classes في JavaScript لتنظيم الكود، حيث تم فصل منطق "المهمة" (Task Model) عن منطق "إدارة التطبيق" (App Logic)، مما يجعل الكود سهل الصيانة والتطوير. ​نظام السحب والإفلات (Drag & Drop Interface): قمت ببرمجة ميزة إعادة ترتيب المهام يدوياً باستخدام الماوس، مع تحديث الترتيب الجديد في قاعدة البيانات المحلية (LocalStorage) لحظياً. ​تعديل البيانات في الموقع (Inline Editing): أضفت ميزة التعديل المباشر للنص بمجرد النقر المزدوج (Double Click) على المهمة، مع معالجة حالات التأكيد (Enter) أو الإلغاء (Escape). ​نظام تنبيهات ذكي (Custom Notification System): قمت ببناء وظيفة showMessage برمجياً لعرض رسائل تفاعلية (نجاح، خطأ، تنبيه) بتصميم عصري دون الاعتماد على مكتبات خارجية. ​الأمان والحماية: طبقت وظيفة escapeHtml لمنع هجمات حقن الكود (XSS Prevention)، مما يضمن أمان المدخلات. ​إدارة الحالة (State Management): التطبيق يدير حالات الفلترة (Filter)، الإحصائيات (Stats)، وحالة التعديل (isEditing) بشكل متزامن لضمان عدم حدوث تداخل في العمليات.

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

​JavaScript (ES6+): استخدام الـ Classes، Arrow Functions، الـ Destructuring، والـ LocalStorage. ​Advanced DOM Manipulation: استخدام Event Delegation و Drag Events للتحكم الكامل في واجهة المستخدم. ​HTML5 & CSS3: مع إضافة Dynamic Styles و Keyframe Animations للرسائل التنبيهية.