# HR Information System

## <mark style="color:green;">Description</mark>

The Human Resources Information System (HRIS) project is designed to transform traditional, manual HR processes into a streamlined, paperless environment. This system integrates various HR functions such as employee data management, payroll, recruitment, and benefits administration into a single digital platform.

I was assigned to support two developers working on the project, and was delegated the task of creating the employee-facing system. The system I developed was composed of two parts, namely:

* **Kiosk App** - this system functions as an interactive information booth where employees can access specific details about their employment. Additionally, it facilitates the digital submission of traditionally paper-based requests, such as leave applications, thereby streamlining HR processes and enhancing employee convenience.
* **Administrator CMS** - it provides tools for overseeing the functionalities included in the kiosk app.

## <mark style="color:green;">Features</mark>

### **Employee Self-Service Portal**

Allows employees to view and manage their personal information, leave and overtime requests, work schedule and payroll data. This feature promotes transparency and reduces administrative workload.

### Mealstub Allocation

Based on tenure, employees receive weekly mealstubs printed on paper that can be redeemed for goods at various stores operated by the Club. The system includes a fully-digital alternative to this setup. This digitization aligns with the Club's paperless initiative, enhancing employee and worker's convenience and simplifying financial audits.

### **Training and Development**

Manages and delivers educational content and training programs to employees. This includes components for scheduled performance appraisals, trainings, certification management, and examinations.

## <mark style="color:green;">Work Done</mark>

### Interview

* Conducted meetings with the staff and department manager of Human Resources to gather requirements and ensure system met business needs.
* Conducted meetings with staff of the Audit Department to discuss the new workflow of the mealstub allocation, in the context of a digital system.
* Collaborated with the developers in-charge with the HR information system with regards to system interoperability.

### Development

* Designed database schema and created entity-relationship chart to ensure efficient data storage and relationships.
* Created frontend code and tested it thoroughly to ensure user-friendly interface and seamless integration with backend. Developed the backend in tandem.
* Integrated frontend to the backend APIs and performed testing to ensure functions are working properly.
* Produced comprehensive documentation to facilitate future development and integration.

### Deployment

* Configured settings for DNS, hosting, and primary server, and deployed a production environment of the system.

## <mark style="color:green;">Tech Stack</mark>

&#x20;![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge\&logo=vuedotjs\&logoColor=%234FC08D) ![Quasar](https://img.shields.io/badge/Quasar-16B7FB?style=for-the-badge\&logo=quasar\&logoColor=black) ![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge\&logo=github\&logoColor=white) ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\&logo=vite\&logoColor=white) ![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge\&logo=npm\&logoColor=white)

* <mark style="color:blue;">**Apexcharts**</mark> - chart display
* <mark style="color:blue;">**Lottie**</mark> - animations
* <mark style="color:blue;">**Pinia**</mark> - data management
* <mark style="color:blue;">**Axios**</mark> - API communication
