Portfolio

Some recent projects are not allowed to be published online.
Please contact me for more details.

Featured Personal Projects

Independently designed and developed projects.

A11y Barker

A Chrome DevTools extension for visualizing accessibility on any webpage — tab order, heading structure, ARIA, and screen reader content as overlays, plus WCAG static rule checks and AI-powered alt text and heading review. Visit project

Everyday Accessibility

A practical accessibility reference for developers and designers, focused on real UI patterns, semantics, keyboard behaviour, and implementation details beyond checklist compliance. Built with React and TypeScript, with accessibility treated as a core design constraint. Visit project

Read News, Learn English

An AI-powered bilingual (English & Traditional Chinese) news learning platform that generates English lessons from real international news daily. Built with Next.js 15, TypeScript, Drizzle ORM, Neon PostgreSQL, and Anthropic Claude API.

Trivia Taiwan

An interactive site sharing cultural, historical, and everyday facts about Taiwan through short, searchable content. Built with Vue, with an emphasis on content structure, accessibility, and progressive enhancement for a global audience. Visit project

Front-End Projects

Selected WordPress client projects developed within a collaborative agency team, focusing on performance, WCAG accessibility, and structured content systems.

Squamish Public Library
Visit squamishlibrary.ca
Royal BC Museum
Visit rbcm.ca
Canadian Parks and Wilderness Society (CPAWS)
Visit cpaws.org
Racist Incident Helpline
Visit racistincidenthelpline.ca
BC211
Visit bc.211.ca
Megaphone Magazine
Visit megaphonemagazine.com
Spring
Visit spring.is
UBC School of Architecture + Landscape Architecture (SALA)
Visit sala.ubc.ca