تطوير نظام إدارة مهام الموظفين باستخدام React JS

قمت بتطوير نظام متكامل لإدارة مهام الموظفين داخل مؤسسة صغيرة باستخدام مكتبة React JS. يتيح هذا النظام للمدير إنشاء مهام وتوزيعها على الموظفين، مع إمكانية تتبع تقدم كل مهمة، بالإضافة إلى خاصية كتابة تعليقات على المهام من قبل الموظف والمدير لتسهيل التواصل داخل كل مهمة.

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

React JS: لبناء واجهة المستخدم.

React Router DOM: لتنظيم التنقل بين الصفحات.

Formik: لإدارة النماذج والتحقق من صحة البيانات.

Axios: للتواصل مع الواجهة الخلفية (API).

JWT Decode: لإدارة الجلسات وصلاحيات المستخدمين.

Bootstrap: لتنسيق الواجهة بشكل احترافي ومتجاوب.

FontAwesome: لإضافة أيقونات جذابة.

React Loader Spinner: لعرض مؤشرات تحميل سلسة.

وظائف النظام:

المدير يمكنه إنشاء المهام وتحديد الوصف، الموعد النهائي، وتعيينها لموظفين محددين.

كل موظف يمكنه:

رؤية المهام الموكلة إليه فقط.

تحديث حالة المهمة: (معلقة - قيد التنفيذ - مكتملة).

كتابة تعليقات على المهمة للتواصل مع المدير.

يمكن للمدير والموظف رؤية سجل التعليقات داخل كل مهمة.

عرض لوحة تحكم شخصية لكل مستخدم تعرض المهام الخاصة به فقط.

فلترة المهام حسب الحالة.