تطبيق إدارة المهام التفاعلي (Drag & Drop) باستخدام JavaScript

منذ 4 أيام

عرض العمل

الوصف

قمت بتطوير تطبيق ويب بسيط لإدارة المهام داخل الفريق، حيث يسمح للمستخدم بإضافة أعضاء الفريق ثم توزيع المهام عليهم باستخدام خاصية السحب والإفلات (Drag & Drop).

يتيح التطبيق تنظيم العمل بين أعضاء الفريق بسهولة مع إمكانية متابعة حالة كل مهمة بشكل واضح.

فكرة التطبيق

يقوم المستخدم أولاً بإضافة أعضاء الفريق، ثم يتم إنشاء المهام وإضافتها في قائمة المهام. بعد ذلك يمكن سحب المهمة وإفلاتها عند الشخص المسؤول عنها.

عند إضافة المهمة إلى عضو من أعضاء الفريق تظهر قائمة لتحديد حالة المهمة.

حالات المهام داخل التطبيق
- Not Started
- Ongoing
- Finished

ويتم تغيير لون بطاقة المهمة تلقائيًا حسب الحالة المختارة، مما يساعد على متابعة تقدم العمل بشكل بصري وسريع.

كما يمنع النظام نقل المهام التي تم الانتهاء منها (Finished) لضمان تنظيم سير العمل داخل الفريق.

تم تطوير المشروع باستخدام:
- HTML5
- CSS3
- JavaScript
- Drag & Drop API


التفاصيل

المشاهدات 0
المفضلة 0
القسم برمجة, تطوير المواقع و التطبيقات - مواقع الويب

حساب المستخدم

Powered By Brmja Tech

All rights reserved © kaf 2026