Moh. Khairul Umam

HISWA-RECRON Career Discovery Game

Solo-built in a 72-hour hackathon for HISWA-RECRON, an association of 2,400 Dutch recreation and watersport businesses facing a youth labor shortage. "Eén Dag, Veel Handen" is a gamified career-discovery experience where players assign roles to resolve 20+ crisis scenarios across 28+ jobs in the sector. One codebase serves two modes: a 120-second offline kiosk for events and a no-account classroom mode for schools. Built to be AVG/GDPR-safe for minors. First place at the hackathon.

• React 19
• TypeScript
• Tailwind CSS
• Zustand
• Framer Motion
• Supabase

Code Live demo

SmartTO: GIS Risk Dashboard for PLN ULP Dinoyo

Built during the PLN internship to replace scattered Excel/CSV records with one GIS dashboard. SmartTO consolidates customer, meter-reading and inspection data through a batch import, then auto-scores energy-loss risk and estimated loss across 50,000+ customers and about 1,000 distribution substations. Results appear in a KPI dashboard, an interactive map, analytics charts and a filterable customer table, so PLN's engineering team can prioritize field inspections objectively instead of by hand.

Live demo

GenBI Malang Official Website

Official site for GenBI (Generasi Baru Indonesia) Malang, a community of 375 Bank Indonesia scholarship recipients across 5 universities. A Next.js 16 / React 19 / TypeScript front-end that pulls activity and organization data from a Laravel REST API through a centralized, Zod-validated fetch layer. Optimized for performance and SEO with AVIF/WebP images, a sitemap and OpenGraph, and hardened with HTML sanitization and rate limiting.

• Next.js 16
• React 19
• TypeScript
• Zod
• Laravel REST API

Live demo