WorkSphere – تطبيق إدارة المهام على الويب

WorkSphere هو تطبيق ويب تفاعلي لإدارة المهام، تم تطويره باستخدام HTML5، CSS4، وVanilla JavaScript. يتيح التطبيق لقائد الفريق إنشاء المهام وتوزيعها على أعضاء الفريق باستخدام ميزة السحب والإفلات (Drag & Drop)، بالإضافة إلى متابعة تقدم المهام عبر حالات متعددة.

? مميزات المشروع

إعداد الفريق

1- إنشاء أعضاء الفريق من خلال نافذة منبثقة SweetAlert2

2- إدخال أسماء الأعضاء مفصولة بفواصل

3- إنشاء لوحة مهام تلقائية لكل عضو

إدارة المهام (للقائد)

1- إضافة مهام جديدة للوحة الرئيسية

2- حذف المهام في أي وقت

3- تحديث عداد المهام تلقائيًا

نظام السحب والإفلات (Drag & Drop)

1- سحب المهام من اللوحة الرئيسية لأي عضو في الفريق

2- نقل المهام بين أعضاء الفريق

3- إعادة المهام إلى اللوحة الرئيسية عند الحاجة

إدارة حالة المهام

لكل مهمة ثلاث حالات:

1- لم تبدأ بعد

2- جاري التنفيذ

3- منتهية

القاعدة المهمة: لا يمكن سحب المهام المنتهية، أما المهام في الحالات الأخرى فيمكن نقلها بحرية

التغذية البصرية (Visual Feedback)

1- تلوين المهام حسب الحالة

2- إبراز مناطق الإفلات أثناء السحب

3- عرض رسائل معلوماتية عند عدم وجود مهام

رفع الصورة الشخصية لكل عضو

إمكانية رفع صورة لكل عضو في الفريق

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

HTML5

CSS4

JavaScript (Vanilla JS)

SweetAlert2