Haku Chen

All work

Haku Chen · Frontend Engineer · Tokyo, Japan

Captured 2026-09

Car Rental Japan

Oct 2025 – Present · Frontend lead — architecture, environment setup, implementation.

A new business line requiring integration of multiple rental car providers with inconsistent response formats, plus a scalable delivery foundation built from scratch.

  • Next.js
  • TypeScript
  • GitHub Actions
  • Turborepo
  • pnpm workspace
  • Docker
  • +2
Captured 2026-09

SEO & Page Speed Optimization

Dec 2024 – Jun 2025 · Initiator and implementer.

An initiative I started myself to cut ad spend and grow organic traffic, focused on Core Web Vitals and especially FCP.

  • Next.js
  • TypeScript
  • Zustand
Before: EJS pages bundled by Webpack into one bundle. After: React pages built by Vite in multi-app mode into per-page bundlesbeforeEJS pagesWebpackone bundleafterReact pagesVite multi-apppage bundlepage bundlepage bundle

Custom Build Pipeline for Legacy Backend Integration

Jun 2023 – Jun 2024 · Sub-leader — work allocation, planning, environment setup, mentoring.

Migrating legacy pages page-by-page from EJS templates — where the frontend handled UI only and data binding was managed by a .NET backend — to a React multi-page architecture.

  • React
  • TypeScript
  • Vite
  • Webpack
  • Sass
  • Tailwind CSS
  • +3
A shared design system sits between the Figma library and the code components, and feeds three productsFigma librarycode componentsshareddesign systemproductproductproduct

Shared UI Library & Design System

Jan 2023 – Jan 2024 · Lead — initial setup, technology selection, design direction, rollout support.

The company's first cross-project design system, built to unify styles and UI across multiple products and to give the design team a shared component library.

  • TypeScript
  • React
  • Nx
  • Lerna
  • pnpm workspace
  • Rollup
  • +5
Captured 2026-09

Lion Travel Flight Booking

Jun 2022 – Jun 2023 · Frontend developer.

Maintaining and extending the flight booking product across two coexisting codebases — React and legacy jQuery — while building shared modules usable by both.

  • TypeScript
  • React
  • Webpack
  • Redux