HR Dashboard – لوحة متابعة الموظفين والمهام

HR Dashboard– لوحة متابعة الموظفين والمهام قمت بتطوير لوحة تحكم (HR Dashboard) متكاملة باستخدام HTML, CSS (Bootstrap), JavaScript. الهدف من المشروع هو توفير واجهة تفاعلية تساعد إدارة الموارد البشرية على متابعة الموظفين والمهام والحضور والإعدادات بشكل مبسط وسهل االاستخدام (مرفق فيديو للمشروع بالكامل من خلال رابط معرض اعمالي على مستقل ) - المميزات الرئيسية: Navbar تفاعلية: شعار (Logo). مربع بحث للموظفين أو الأقسام. زر الوضع الليلي (Dark Mode). أيقونة الإعدادات (Settings) للانتقال السريع إلى قسم الإعدادات. قسم الملف الشخصي (اسم المستخدم + صورة شخصية + خيار تسجيل الخروج). Dashboard KPIs: إجمالي عدد الموظفين (Total Employees). نظرة عامة على الحضور والغياب (Attendance Overview). نسبة المهام المكتملة (Tasks Completed). إجمالي التأثير على الرواتب (Payroll Impact). جداول وواجهات تفاعلية: جدول تقرير الموظفين (Employee Report Table): يعرض بيانات الموظفين بالتفصيل (الاسم، القسم، حالة الحضور، عدد المهام، الراتب الصافي...). الموظف المثالي (Ideal Employee Card): اختيار الموظف المثالي للشهر بناءً على الأداء والانضباط، مع حساب البونص (Bonus). ملخص الحضور الشهري (Monthly Attendance Summary): متابعة حضور وغياب وتأخيرات كل موظف خلال الشهر. جدول المهام (Tasks Oversight): متابعة كل المهام، حالة التنفيذ، الموظفين المكلفين، والمواعيد النهائية مع إمكانية الفرز والفلترة. جدول الإذنـات (Permissions Oversight): يعرض طلبات الإجازات والتصاريح مع حالة الطلب (مقبول – مرفوض – قيد المراجعة). قسم الإعدادات (Settings Panel): إعدادات الحضور والجزاءات. أوزان المهام حسب الأولوية (Low – Medium – High – Critical). إعدادات ساعات العمل الإضافي (Overtime multipliers). مكافأة الموظف المثالي (Bonus). تحديد بداية أسبوع العمل (Workweek Config). التقنيات المستخدمة: HTML5 – هيكل الصفحات. CSS3 & Bootstrap – التصميم والاستجابة للشاشات المختلفة. JavaScript (ES6) – المنطق والوظائف التفاعلية. LocalStorage – لحفظ إعدادات النظام وتطبيقها. النتائج: تصميم متجاوب يعمل على جميع الشاشات (موبايل – تابلت – كمبيوتر). واجهة سهلة الاستخدام تساعد على إدارة الموظفين والمهام بكفاءة. كود منظم وقابل للتوسع والتعديل مستقبلًا.