TaskFlow | تطبيق متكامل لإدارة المهام باستخدام Angular 22

TaskFlow هو تطبيق حديث ومتجاوب لإدارة وتنظيم المهام، تم تطويره باستخدام Angular 22 مع التركيز على بناء واجهة استخدام عصرية، تجربة مستخدم سلسة، وتنظيم قابل للتوسع والصيانة.

يوفر التطبيق مجموعة متكاملة من الأدوات لإدارة المهام، بدايةً من إنشاء وتعديل وحذف المهام، وحتى البحث والفلترة والترتيب وإعادة ترتيب المهام بالسحب والإفلات.

أهم مميزات المشروع:

• إنشاء وتعديل وحذف المهام.

• تحديد حالة المهمة: مكتملة أو قيد التنفيذ.

• تحديد الأولوية: منخفضة، متوسطة، عالية.

• تصنيف المهام حسب الفئات.

• إضافة مواعيد استحقاق للمهام واكتشاف المهام المتأخرة.

• البحث عن المهام بالاسم.

• فلترة المهام حسب الحالة والفئة والأولوية.

• ترتيب المهام بأكثر من طريقة.

• إعادة ترتيب المهام باستخدام Drag & Drop.

• Dashboard حديثة لعرض ملخص المهام.

• دعم الوضع الفاتح والداكن.

• دعم اللغة العربية والإنجليزية.

• دعم RTL / LTR.

• حفظ المهام والإعدادات باستخدام LocalStorage.

• Toast Notifications وConfirmation Dialogs.

• Empty States وAnimations لتحسين تجربة المستخدم.

• تصميم Responsive متوافق مع Desktop وTablet وMobile.

تم بناء المشروع باستخدام Standalone Components وتنظيم Feature-based، مع استخدام Angular Signals وRxJS لإدارة حالة التطبيق وبناء واجهات قابلة لإعادة الاستخدام والصيانة.

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

Angular 22 — TypeScript — Angular Signals — RxJS — Angular Router — Angular Forms — Angular CDK — Tailwind CSS — Transloco — Vite