OJT Management System

About project:

The OJT Management System was developed in response to the specific needs of a software company. As the company grew and expanded its operations, manual tracking of training activities led to inconsistencies in maintaining a cohesive training cycle, and it became challenges in managing and tracking OJTs (trainees) training activities as well as assessing skill development efficiently.

Team members of front-end development

• Lưu Đức Hùng
• Đỗ Hoàng Lâm

Stack:

• ReactJS
• Redux
• Firebase
• Alpinejs and Apex Charts
• Framer motion
• Luckyexcel & Luckysheet
• react-toastify for message toast

Project structure

$PROJECT_ROOT
│   # Themes
├── general website theme settings
│   # views
├── including project's componenets, layouts, modules and pages
│   # logic
└── including general configs, redux store, custom hooks and utility funtions

Project user's interface:

Login & reset password screen:

Admin's screens:

Manager's screens:

Trainer's screens:

Trainee's screens: