← All Projects
Next.jsReactTypeScriptTailwind CSSRadix UIReact Hook FormZodRecharts

LifePath AI — Youth Life Decision Simulator

A decision-simulation platform for Thailand's at-risk youth: Opportunity Score and Stability Index scoring, a contract safety checker for spotting exploitative job terms, a drag-and-drop life-event scenario builder with stress testing, a regional career-demand heatmap, and micro-scholarship matching. Built with Khant Zayar Tun for Hug Mae Hackathon 2026.

VisitGitHub
Screenshot of LifePath AI — Youth Life Decision Simulator

Role

Front-End Engineer

Timeline

Single-day build — Hug Mae Hackathon 2026 (Feb 2026)

Impact & Metrics

  • Shipped 6 feature routes — dashboard, scenario builder, comparison, results, Royal Path engine, and scholarship matching — in a single-day build
  • Fully client-side: no backend, database, or external AI API required to run the simulation
  • Built for Hug Mae Hackathon 2026; not selected for an award
Problem
Thai youth facing informal labor exploitation often commit to risky jobs or life paths without a way to see the financial and stability trade-offs first, or to check whether a contract they're being offered is actually safe.
Constraints
  • One-day hackathon build for Hug Mae Hackathon 2026, with a two-person team
  • No backend, database, or external AI API in scope — every score, gauge, and recommendation had to be computed client-side to keep the simulator self-contained and fast to demo
  • Feature surface was broad for the timebox — dashboard, scenario builder, comparison, results, a 'Royal Path' recommendation engine, and scholarship matching all needed to feel coherent, not just prototyped in isolation
Decisions

Client-side scoring engine

Built the Opportunity Score and Stability Index calculations directly in the app rather than calling an external AI service, keeping the whole simulator self-contained and demo-ready without API keys or network dependencies.

Drag-and-drop scenario builder with stress testing

Built an interactive decision tree for life events (getting a degree, starting a farm, moving to Bangkok) with a toggleable stress-test mode that reruns the scoring under shocks like job loss or a medical emergency.

Shared component system across six routes

Built a shared UI kit on Radix primitives (risk gauges, risk badges, a Thailand heatmap, opportunity-score cards) so dashboard, scenario, compare, results, royal-path, and scholarships stayed visually consistent despite being split across a two-person team.