Bike orders and contracts
Built staff order and contract flows and business lookup screens
Product · OperationsFrom customer websites
to everyday operations tools.
Try dragging
Projects I worked on
and the results I verified.
4 featured projects
Built staff order and contract flows and business lookup screens
Product · OperationsLocal Lighthouse mobile simulation · 54→95 points
Engineering · PerformanceRebuilt legacy operations tools for dispatch and boarding
Migration · OperationsContributed to Admin V2 transition with old and new data in use
Architecture · MigrationI look at customer screens
and the workflows
operators use every day.
Since March 2022, I have built customer websites, WebViews, and operations tools for SWING, SWAP, and Yellow Bus at The SWING. My work ranges from early service builds and login and payment to contracts, dispatch, and service transitions.
Since September 2025, I have been SWAP FE Part Lead, working on technical decisions and code reviews. I develop major features directly and coordinate API contracts and user flows with backend, app, and operations colleagues.
My work and how I approach itTechnical decisions, major feature development, and code reviews within SWAP FE.
Rebuilt operations features for an acquired service and contributed to initial stabilization.
Built customer websites, WebViews, and operations tools for SWING, SWAP, and Yellow Bus.
Developed VR controllers, party games, and an MVP for a Chinese university student resale platform. Separate from my professional frontend experience.
React / TypeScript / JavaScript / Next.js / Vite / TanStack Query / TanStack Router / Zustand / Tailwind CSS / Ant Design / Vitest / Playwright
My work across products
and the decisions I made with teammates.
I have worked for years on the screens customers see inside the app, checking how each feature connects the app and WebView, from product entry to membership, points, login, and payment.
In tools operators use every day, I considered how a change in one menu affects other tasks.
At SWAP, I worked across customer touchpoints, from the initial web, WebView, and Admin builds to product discovery, first orders, payment details, and the business portal.
To connect voice AI with customer touchpoints, I reviewed vendors, product flows, and CX scenarios together.
Call volume does not indicate successful consultations or resolved issues.
I documented how to use AI-assisted development according to each project structure and verification criteria, then shared the approach with the FE team.
Team productivity gains were not measured.
A public QA tool for checking local or staging web services inside iOS and Android WebViews.
I contributed to the handover and maintenance of an acquired shared-mobility service.
On the Japan TF, I developed the website, back office, and WebViews and worked on screens and app connections for the Japanese service.
I contributed to redevelopment of the website and back office for an acquired airport van service.
I fixed a synchronization bug caused by changing options in a public library.
Design foundations, QA and error logging. Personal projects built around problems I encounter in development.
A reusable design system extracted from this portfolio, bringing its visual language and display settings to other personal projects.
RELEASEGitHub package · Used in this portfolio and Flow QA
A local QA tool that turns user flows into reviewable test cases and browser execution results into reports linked to evidence.
RELEASEPublic npm alpha · CLI and local web UI
A self-hostable toolkit for collecting, storing and inspecting browser errors, with an SDK, collector and viewer.
RELEASEThree npm packages · Self-hosted collector and viewer
Try different colors, spacing and corners. You can also read about how this site was built.