A complete introduction of shipped and ongoing projects, including personal and company projects. Continuously expanding knowledge and enhancing design thinking.
Restaurant ordering system covering dine-in, takeout, and delivery. Customers scan a table QR code to browse and order; staff manage incoming orders through a live dashboard; owners configure menus, tables, and roles via admin. Built as a monorepo with React, TypeScript, Express, and PostgreSQL.
Internal dashboard for collecting and monitoring satellite signal data across sailing and navigation operations. Visualizes real-time signal streams, vessel positioning data, and coverage metrics. Built for Taiwan's maritime infrastructure with Next.js and TypeScript.
Metrics management and monitoring dashboard for a Three-tier Integrated Operations Center serving Taiwan's airport infrastructure. Six modules: KPI dashboards with ECharts, group management, dual-system metrics definition, audit logs, workbook upload, and schedule config. Integrated Keycloak authentication and coordinated with backend and PM teams on API contracts and data flows.
T3IOC METRICS PORTAL.JPGOperational dashboard portal for Taiwan's Airport Digital Information Platform. Covers real-time flight monitoring, apron usage analysis, and system log inspection. Modules include date-synced analytics views, dynamic data tables with server-side pagination, and ECharts visualizations for multi-airline flight data. Built with React, TypeScript, Vite, TanStack, and Keycloak authentication.
REDESIGN CONCEPT.Participated in the development of the component library, responsible for the data access layer. Unified data fetching and caching for components, ensuring consistent and predictable data interfaces whether for single requests or real-time data streams.
DAL.JPGProgress tracker that lets instructors monitor 30 to 100+ learners completing steps in real time. Used in live workshop sessions. React frontend with Supabase real-time subscriptions. Simple problem, clean solution.
Internal B2B system for drivers to manage orders, report departure and arrival status, and track customer statuses. Includes GPS tracking for real-time driver location monitoring.
DRIVER OMS.JPGBank partnership portal for airport transfer reservations. Credit card verification, booking system redesign, multi-partner integrations. HTML, CSS, jQuery were the stack before the stack changed.
AERORIDE × BANK.JPG
