Full Source ReactJs Web Chấm Công nhân sự Check-in/Check-out

Full Source ReactJs Web Chấm Công nhân sự Check-in/Check-out

Cho phép quản trị viên gửi thư mời cho nhân viên để tham gia dự án vào công ty, nhân viên nhận được mã mời và điền thông tin để đăng ký nv có check in check out ca làm việc của mình và nhận thông báo đi làm trễ, về sớm… Bên admin hiện ra 1 form gửi thư mời nhân viên, admin sẽ điền mail nv, sau đó nhân viên nhận dc mã mời qua mail, nv lên web vào mục đăng ký tài khoản nhập mã mời nếu đúng sẽ hiện ra form đăng ký accout và điền thông tin tài khoản

Các chức năng chính gồm có:

Phân quyền:

• Phân quyền Admin và User

Các chức năng chính:

Đối với User

• Nhận thông báo mời tham dự qua email

• Nhận thông báo qua email khi được duyệt tài khoản

• Sử dụng mã mời từ email để đăng ký tài khoản

• Xem thông tin cá nhân

• Check-in/Check-out giờ làm việc

• Xem lịch sử chấm công

• Nhận thông báo khi đi làm trễ, về sớm

Đối với Admin

• Đăng nhập/Đăng xuất

• Xem thông tin cá nhân

• Gửi email mời nhân viên

• Duyệt thông tin đơn đăng ký

• Quản lý ca làm việc của nhân viên

• Quản lý lịch làm việc của nhân viên

• Báo cáo giờ làm việc của nhân viên

• Quản lý tài khoản User

HÌNH ẢNH DEMO

Hướng dẫn cài đặt website

• • Import folder code vào Sisual Studio Code

    Sau đó: cd Backend rồi npm install, npm run dev để run 

    Tiếp tục cài cho FrontEnd: cd Frontend rồi npm install, rồi chạy node dev.js để run

  • Khởi tạo database chạy trên xampp (chi tiết đi kèm ở file hướng dẫn cài đặt trong folder sau khi mua code)

Hỗ trợ cài đặt sau khi mua code vui lòng liên hệ ZALO hoặc FACEBOOK