Todo Ebx - تطبيق إدارة مهام ومزامنة بيانات

يُعد Todo Ebx تطبيقاً لإدارة الإنتاجية والمهام اليومية، مبنياً بأسلوب نظيف يعتمد بالكامل على JavaScript النقي (Vanilla JS). صُمم التطبيق لإبراز قوة التحكم المباشر بـ DOM وعزل تعقيدات أطر العمل الثقيلة، مقدماً دورة حياة كاملة للبيانات مع تحسينات عالية لسلاسة الواجهة، والتعامل مع الأخطاء، وإتاحة الوصول الشاملة (Accessibility).

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

• JavaScript (ES6+ Modules)
• HTML5
• CSS3
• Parcel Bundler
• LocalStorage API
• JSON Import/Export

المعمارية التقنية والمزايا المنجزة

إدارة البيانات وعمليات CRUD

• دورة CRUD كاملة: إضافة المهام، قراءتها، تحديث حالتها أو نصوصها، وحذفها بتفاعل فوري مع الواجهة.
• التعديل المباشر (Inline Editing): إمكانية تعديل عناوين المهام مباشرة بالنقر المزدوج دون الحاجة لفتح نماذج منبثقة معقدة.
• تصفية وحالات متعددة: تصفية ديناميكية للمهام حسب الحالة (عرض الكل All / النشطة Active / المكتملة Completed).
• استيراد وتصدير البيانات (JSON Import/Export): إمكانية حفظ واسترجاع نسخة احتياطية من قائمة المهام بصيغة ملفات JSON للتنقل بها بين الأجهزة.

الأداء والتحكم المباشر بالواجهة (DOM Optimization)

• معالجة الأحداث الفعالة (Event Delegation): استخدام تفويض الأحداث للتعامل مع عناصر القائمة بشكل مرن ودون إرهاق الذاكرة.
• Parcel Bundler: تنظيم الكود بأسلوب معياري (Modular Architecture) وتجميعه بوساطة Parcel لتسليم حزمة خفيفة وسريعة التحميل.
• الحفظ المحلي والتأكيد: مزامنة آلية لجميع التغييرات مع LocalStorage لإبقاء البيانات حية، مع إشعارات التنبيه (Toast Notifications) لتأكيد الإجراءات.

تجربة المستخدم وإتاحة الوصول (UI/UX & Accessibility)

• دعم الوضع الداكن (Dark Mode): واجهة مستخدم متجاوبة تعتمد على متغيرات CSS والرسوم المتحركة مع دعم القراءة في الإضاءة المنخفضة.
• التنقل عبر لوحة المفاتيح: دعم كامل لاختصارات وإتاحة لوحة المفاتيح للتنقل بين المهام وإدارتها لسلاسة الاستخدام.
• التحقق والوقاية من الأخطاء: معالجة شاملة للمدخلات الفارغة أو الخاطئة.