KIOSInternal Operations System
A centralized tool to manage programs, employers, and staff roles at KWSP Kluang.
Overview
Before KIOS, the branch tracked programs, employers, and staff roles across multiple Excel files. Updates were manual. Information was siloed. Finding what you needed took time.
"Built during my Protégé placement to help simplify daily branch operations. When I saw how much time the team spent managing spreadsheets, I asked if I could build something better. This is the result."
KIOS centralizes everything into one system. Real-time updates. Role-based access. Clear visibility into programs, appointments, and outreach activities. It's not revolutionary - it's just practical.
My Role
I'm the end-to-end builder of KIOS. I designed the database schema, built the frontend, set up authentication, and deployed it to production. All while learning Next.js and Supabase on the job.
I'm not a senior engineer. I'm a Protégé trainee who identified a problem and was given the opportunity to solve it. The system works because I built it with continuous feedback from the people who use it every day.
- Learned Next.js App Router, TypeScript, and Supabase from scratch
- Designed PostgreSQL database schema with RLS policies
- Built role-based authentication with custom PIN system
- Deployed to production and maintained through user feedback
Key Features
Screenshots
Custom PIN authentication for staff members
Main dashboard with program and activity overview
Centralized programs tracking and management
Program creation workflow with form validation
Searchable employers database with filtering
Employer registration form
Role-based staff management interface
Collapsible navigation sidebar
Tech Stack
Next.js 16
React framework with App Router
TypeScript
Type-safe development
Supabase
PostgreSQL database and authentication
Tailwind CSS
Utility-first styling
Vercel
Deployment and hosting