NOVA HR - Employee Management Dashboard

NOVA HR هو نظام Dashboard متجاوب لإدارة بيانات الموظفين، تم تطويره لتوفير واجهة بسيطة ومنظمة لعرض بيانات الموظفين وإدارتها، مع دعم البحث والتصفية وإضافة وتعديل وحذف سجلات الموظفين.

تم تطوير المشروع باستخدام Next.js وTypeScript وCSS، مع استخدام Browser LocalStorage لتخزين بيانات الموظفين محليًا داخل المتصفح دون الحاجة إلى Backend أو قاعدة بيانات خارجية.

يوفر النظام مجموعة من الوظائف، منها:

- Dashboard لعرض ملخص وإحصائيات الموظفين.

- إضافة موظفين جدد.

- تعديل بيانات الموظفين.

- حذف الموظفين مع نافذة تأكيد قبل الحذف.

- البحث عن الموظفين.

- تصفية الموظفين حسب الحالة.

- تصفية الموظفين حسب القسم.

- Form Validation للتحقق من بيانات الإدخال.

- حفظ بيانات الموظفين باستخدام LocalStorage.

- الاحتفاظ بالبيانات بعد تحديث الصفحة.

- تحديث البيانات عند تعديل الموظف.

- حذف البيانات عند إزالة الموظف.

تم تصميم الواجهة بحيث تتكيف مع مختلف أحجام الشاشات؛ حيث يستخدم إصدار سطح المكتب Sidebar وجدولًا لعرض الموظفين، بينما تستخدم الشاشات الأصغر Responsive Navigation وبطاقات للموظفين، مع الحفاظ على سهولة الاستخدام ومنع مشاكل الـHorizontal Scrolling.

دوري في المشروع: قمت بتصميم وتطوير الـDashboard وتنفيذ واجهات إدارة الموظفين، وبناء وظائف الإضافة والتعديل والحذف والبحث والتصفية، وتنفيذ Form Validation وLocalStorage لإدارة البيانات على جانب العميل، بالإضافة إلى تطوير التصميم المتجاوب لمختلف الأجهزة.

يهدف المشروع إلى إظهار مهاراتي في Frontend Development، CRUD Operations، Client-Side Data Management، Responsive Dashboard Design، Form Handling، Search & Filtering باستخدام Next.js وTypeScript.

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

- Next.js

- TypeScript

- CSS

- LocalStorage