Humio — HR Management App Case Study

Overview

From paper trails to one platform.

01 — 03

Problem

HR ran on spreadsheets

Attendance was logged manually, leave requests traveled through email chains, and employee records lived across disconnected files slow, error‑prone, and hard to audit.

→

Solution

One mobile HR system

Humio brings QR check‑ins, leave management, and employee records into a single native app, accessible from any phone, synced in real time.

→

Business Value

Operations that scale

HR teams reclaim hours each week, attendance data becomes trustworthy, and employees get a self‑service experience instead of waiting on email replies.

Screens

Eight screens covering the full employee journey.

Designed once, shipped natively for both Android and Web App, with shared interaction patterns end to end.

02 — 03

01 · Login

Login Screen

Employees can securely access their account using their company email and password with JWT-based authentication.

02 · Dashboard

Employee Dashboard

A centralized overview showing attendance status, leave balance, quick actions, and important workforce information.

03 · Attendance

Attendance Tracking

Employees can check in, check out, and review their attendance history with real-time status updates.

04 · QR Check-In

QR Attendance Scanner

Scan company-generated QR codes to record attendance quickly and accurately without manual input.

05 · Leave Management

Leave Request

Submit leave applications, track approvals, and monitor remaining leave balances in one place.

06 · Team Directory

Team Members

View supervisors and colleagues, access contact information, and explore organizational relationships.

07 · Profile

Employee Profile

Manage personal information, shift schedules, salary details, department assignments, and overtime records.

08 · Issue Reporting

Report Submission

Create and submit workplace issues, technical problems, or HR concerns directly through the application.

Walkthrough

The full product, end to end.

Features

Everything HR needs, nothing it doesn't.

QR Attendance Tracking

Tap‑and‑scan check‑in tied to verified office locations.

Leave Management

Submit, track, and approve leave without a single email.

Employee Records

Centralized, always‑current personal and role information.

Notifications

HR announcements and approvals, delivered the moment they happen.

HR Operations

One admin layer covering attendance, leave, and records together.

Technology

A native stack on both sides.

Kotlin

Express.js

REST API

MySQL

JWT Authentication

Process

Five stages from brief to release.

03 — 03

01

Planning

Mapped HR workflows and defined scope across attendance, leave, and records.

02

UX Design

Wireframed flows around the busiest moments: check‑in and leave requests.

03

Mobile Development

Built a native Android application in Kotlin and a web-based administration portal powered by Express.js and MySQL.

04

Backend Integration

Connected REST APIs, MySQL, and JWT auth for secure, synced data.

05

Testing

Validated attendance accuracy and leave logic across both platforms.

Results

What changed after launch.

−40%

Reduced manual HR work

Attendance and leave processing moved off spreadsheets and email entirely.

98.2%

Improved attendance tracking

QR‑based check‑ins replaced manual logs, cutting disputed records to near zero.

4.7★

Better employee experience

Self‑service leave and instant notifications replaced waiting on HR replies.