Skip to content
Agung Smaraputra
All Projects

Osky HR System

Internal HR management system

LaravelLaravel 10Vue.jsVue.js 3VuetifyVuetify 3ApexChartsFullCalendarMySQL

Overview

Internal HR management system built for Osky Interactive, an Australian digital agency. Developed as a solo project to replace spreadsheet-based staff management with a centralized platform covering employee records, leave tracking, scheduling, and workforce analytics.

Challenge

The agency manages a distributed team across multiple time zones. Staff scheduling, leave requests, and availability were tracked through spreadsheets and manual calendar entries, making it difficult to get a consolidated view of team capacity. There was no centralized record of staff details, leave balances, or scheduling history.

Approach

Built a Laravel 10 backend with Vue.js 3 via Vuetify 3 for the frontend. FullCalendar provides interactive calendar views for leave tracking and staff scheduling, giving the team a visual overview of availability. Implemented role-based access control with granular permissions so managers and administrators see different data scopes. Added ApexCharts-based dashboards for workforce reporting, giving management visibility into leave patterns and team utilization.

Tech Stack

Layer Technology
Backend Laravel 10
Frontend Vue.js 3
UI Framework Vuetify 3
Charts ApexCharts
Calendar FullCalendar
Database MySQL

Key Implementation Details

  • FullCalendar integration for calendar-based scheduling views and leave tracking
  • Role-based access control with granular permission management across administrator, manager, and staff roles
  • Leave management with balance tracking, approval workflows, and calendar blocking
  • Workforce analytics dashboards built with ApexCharts for reporting on team utilization and leave patterns
  • Staff record management with employment history, contact details, and document storage

Outcome

Deployed and in active use for Osky Interactive's internal HR operations. Replaced spreadsheet-based tracking with a centralized system where leave requests, scheduling, and staff records are managed in one place. FullCalendar views give the team a consolidated view of scheduling and leave status.