Attendance System For Employee

بوابة الوجه – نظام حضور الموظفين بالتعرف على الوجه

بوابة الوجه هو نظام حضور وانصراف حديث يعتمد على تقنية التعرف على الوجه بدل البصمة أو الكرت، تم تطويره باستخدام:

الواجهة الأمامية (Frontend): React.js

الواجهة الخلفية (Backend): Node.js/Express

النظام يوفر لوحة تحكم متكاملة لإدارة الموظفين، الأقسام، الورديات، والتقارير، مع تسجيل آمن وسلس للحضور عبر الكاميرا.

المزايا الرئيسية

تسجيل حضور وانصراف الموظفين باستخدام التعرف على الوجه.

لوحة تحكم للمسؤول لإدارة الموظفين، الأقسام، الورديات، والمستخدمين.

تقارير دقيقة للحضور والغياب.

نظام مصادقة آمن وإدارة صلاحيات.

تجربة النسخة التجريبية (Demo)

بيانات دخول المسؤول:

اسم المستخدم: it145

كلمة المرور: newpassword

خطوات تجربة التعرف على الوجه:

سجّل الدخول كمسؤول باستخدام البيانات أعلاه.

من صفحة الموظفين، أنشئ موظفًا جديدًا (إن لزم الأمر).

من صفحة المستخدمين، أنشئ حسابًا لهذا الموظف.

سجّل الخروج، ثم أعد تسجيل الدخول بحساب الموظف الجديد.

افتح نموذج الحضور لاختبار التعرف على الوجه.

اسمح للمتصفح بالوصول للكاميرا عند الطلب.

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

Backend: Node.js، Express.js، MongoDB، Mongoose، JWT، Multer، Cloudinary

Frontend: React.js، React Router، React Query، Bootstrap، React-Bootstrap، React Toastify، React Table، Lucide Icons

التعرف على الوجه: face-api.js

الخرائط: Mapbox GL JS

أدوات التطوير: CRACO (Create React App Configuration Override)

تخزين البيانات (Demo): ملفات JSON (مع إمكانية استبدالها بقاعدة MongoDB في بيئة الإنتاج)

ℹ️ ملاحظة

في نسخة العرض (Demo)، تم تعطيل عمليات التعديل والحذف على الأقسام، الورديات، الموظفين، والحسابات، وذلك للحفاظ على سلامة قاعدة البيانات المشتركة.