Experience

Professional Trajectory

Nine years of frontend engineering across e-commerce, B2B SaaS, and automotive cybersecurity, with three years of design practice before that, and independent client work since 2025. I have seen jQuery spaghetti become React ecosystems, and led teams through the migration.

#AI Engineering#Freelance

Independent Frontend & AI Engineer

Freelance & Independent Products·Mar 2025 - Present

  1. 01Data-centre asset management platform: lead frontend on a two-phase build scoped at ~289 person-days across 9 modules and 284 screens. Set the architecture — API-first boundaries, TanStack Query, zustand, RBAC via context — plus the shared component library every module composes from.
  2. 02Built a reusable three-stage approval flow and four-role RBAC with field-level amount masking, so permissions and audit trails are defined once instead of re-implemented per module.
  3. 03Toxicology research platform for a university research team: Nuxt 3 spectral analysis with Plotly mass-spectrum visualization, molecular similarity heatmaps, in-browser structure rendering, and PDF/Word report export from live analysis state.
  4. 04Pilotfit: shipped a full-stack AI job-search platform solo, running with real beta users. Hybrid RAG over pgvector, a LangGraph agent with cross-session memory, and tiered model routing that cut inference cost by 84%.
  5. 05Shipped independent products end to end: Lucky Duck rewards MVP and Daily Tomato Todo (Vue 3 + Pinia).
  6. 06Rebuilt this site from a client-rendered SPA into Astro islands with partial hydration, self-hosted fonts, and a trilingual blog.

Experience › Freelance & Independent Products

Freelance & Independent ProductsNowIndependent Frontend & AI Engineer

From

Mar 2025

To

Present

Highlights

6

Summary

Client engagements as lead frontend engineer on long-running enterprise and research platforms, alongside my own AI products shipped end to end.

Company
Freelance & Independent Products
Role
Independent Frontend & AI Engineer
Stack
ReactNuxt 3LangGraphpgvector

#Micro-frontends#Cybersecurity

Senior Front-End Engineer

VicOne (Trend Micro)·Sep 2021 - Feb 2025

  1. 01Automated UI end-to-end testing using Cypress and TestRail, reducing QA cycle time by 50%.
  2. 02Implemented B2B VSOC platform using Nx monorepo, reducing human error rates by 80%.
  3. 03Built multilingual websites (Next.js/i18n), improving render speed by 30% and SEO.
  4. 04Integrated Azure OpenAI into Wagtail CMS for auto-parsing source URLs.
  5. 05Refactored legacy apps into modular micro-frontends using Nx, React, and Vitest.

Experience › VicOne (Trend Micro)

VicOne (Trend Micro)Senior Front-End Engineer

From

Sep 2021

To

Feb 2025

Highlights

5

Summary

Delivering cybersecurity software and services for the automotive industry. Specializing in micro-frontends, AI integration, and automated testing.

Company
VicOne (Trend Micro)
Role
Senior Front-End Engineer
Stack
ReactNxNext.jsCypress

#B2B SaaS#Workflow

Senior Front-End Engineer

Synttro·May 2020 - Sep 2021

  1. 01Developed a drag-and-drop form builder with React DnD and schema validation.
  2. 02Built digital signature approval flows with canvas-based sketch input.
  3. 03Enhanced collaboration efficiency by 60% through a custom B2B system.
  4. 04Automated E2E tests with Puppeteer achieving over 80% test coverage.

Experience › Synttro

SynttroSenior Front-End Engineer

From

May 2020

To

Sep 2021

Highlights

4

Summary

Developed team collaboration CMS systems for the B2B construction industry.

Company
Synttro
Role
Senior Front-End Engineer
Stack
ReactReact DnDPuppeteer

#E-commerce#Shopify

Front-End Developer

Citiesocial·May 2018 - Aug 2019

  1. 01Designed Shopify interfaces boosting conversion rates by 10%.
  2. 02Optimized SEO strategies securing first-page rankings (10% traffic boost).
  3. 03Reduced activity page launch time from 1 week to 1 day via templates.
  4. 04Integrated Hotjar and GA/GTM for data-driven UI optimizations.

Experience › Citiesocial

CitiesocialFront-End Developer

From

May 2018

To

Aug 2019

Highlights

4

Summary

Online selection shop established by Shopify. Focused on e-commerce optimization.

Company
Citiesocial
Role
Front-End Developer
Stack
ShopifyLiquidGA / GTM

#E-commerce#SEO

Engineer

MOMO (Fubon Multimedia)·Aug 2016 - Mar 2018

  1. 01Refactored desktop and mobile homepage interfaces for accessibility.
  2. 02Leveraged GA data to personalize search results and suggestions.
  3. 03Improved SEO rankings to top 3 by optimizing metadata and keywords.

Experience › MOMO (Fubon Multimedia)

MOMO (Fubon Multimedia)Engineer

From

Aug 2016

To

Mar 2018

Highlights

3

Summary

Leading online retail company in Taiwan.

Company
MOMO (Fubon Multimedia)
Role
Engineer
Stack
JavaScriptGASEO

#Design#Branding

Graphic & Web Designer

Skyway Inc. & TUKEEN Inc.·2013 - 2016

  1. 01Maintained websites and optimized UI for SMEs.
  2. 02Managed photography, branding, and exhibition materials.

Experience › Skyway Inc. & TUKEEN Inc.

Skyway Inc. & TUKEEN Inc.Graphic & Web Designer

From

2013

To

2016

Highlights

2

Summary

Design background foundation.

Company
Skyway Inc. & TUKEEN Inc.
Role
Graphic & Web Designer
Stack
PhotoshopIllustratorHTML / CSS

#Education#HCI

M.S. Information & Learning Technology

National University of Tainan·2009 - 2011

Department of Information and Learning Technology
  1. 01Core training in research methods and quantitative data analysis, which every thesis in the programme is built on.
  2. 02Two tracks: e-learning systems (learning platforms, web-based and adaptive learning) and digital learning content (instructional design, multimedia materials).
  3. 03Applying technology to instructional design and courseware development, with the goal of measurably better learning.
  4. 04Thesis: a first-person 3D virtual museum guide built in Unity, validated with quantitative user research (SUS and IPO models).
  5. 05Degree recognised by the ZAB (Central Office for Foreign Education) in Germany.

Education › National University of Tainan

National University of TainanM.S. Information & Learning Technology

From

2009

To

2011

Focus

5

Summary

A graduate programme that pairs information technology with learning theory, built around e-learning systems and digital learning content.

School
National University of Tainan
Degree
M.S. Information & Learning Technology
Areas
HCIE-learning systemsInstructional designResearch methods
Department
Department website ↗

#Education#3D modelling

B.S. Computer Simulation & Design

Shih Chien University·2005 - 2009

Department of Computer Simulation and Design (Kaohsiung Campus)
  1. 01Information technology and creative design in a single curriculum: programming, 3D modelling, computer animation and interactive media.
  2. 02Practice-first and project-based, with work produced for exhibitions and design competitions.
  3. 03Capstone: built the front end of a fully working e-commerce platform, including the complete shopping flow.
  4. 04The department has since been renamed Digital Multimedia & Game Design, keeping its focus on games, animation and digital content.

Education › Shih Chien University

Shih Chien UniversityB.S. Computer Simulation & Design

From

2005

To

2009

Focus

4

Summary

An applied-design degree in which programming, 3D graphics and visual design were taught as one curriculum.

School
Shih Chien University
Degree
B.S. Computer Simulation & Design
Areas
3D modellingComputer animationInteractive designProgramming
Department
Department website ↗