Contact

New Taipei, Taiwan

+886 988-859-823

[email protected]

LinkedIn

Profile

Frontend Engineer experienced in revamping high-traffic financial platforms. Skilled in React, TypeScript, and UI/UX collaboration, I build performant and maintainable interfaces that enhance both UX and DX. By leveraging AI-assisted tools and automation, I accelerate delivery without compromising quality. Outside work, I stay active through daily exercise, reading, and music — habits that reflect my balance, consistency, and attention to detail in development.

Skills

Frameworks & Libraries｜React (v19+), Vue 3

Plugins & Utilities｜Effect.ts, React Hook Form, Yup, Jotai, Orval (OpenAPI), i18n, Day.js, Chart.js, three.js

Performance & Rendering｜Lazy Loading, Code Splitting, SSG, Web Vitals, Lighthouse

Testing & QA｜Vitest

DevOps & Collaboration｜Azure DevOps, Git, CI/CD

Languages & Styling｜TypeScript, JavaScript (ES6+), HTML5, CSS3, SCSS

UI & Design｜Chakra UI, Tailwind CSS, Storybook, Figma, Framer Motion, Adobe Ps/Ai

Languages

Mandarin｜Native

English｜Professional working proficiency (TOEIC 935)

Japanese｜Professional working proficiency (JLPT N1)

Side Hustles

StarsBlooming Official Site

• A visually immersive e-commerce website for my own handmade dried flower accessory brand
• SVG animations and Parallax scrolling for enhanced depth and engagement
• Dynamic visual feedback system

Train Monopoly

• A playful board-game inspired web app where players pick start/end stations and roll dice to move along the route
• Built as a vibe coding project to stay current with new technologies like Google AI Studio
• Automated deployment via GitHub Actions triggered on commit push to GitHub Pages

Work Experience

Frontend Engineer – Cathay United Bank

Taipei, Taiwan | 2023 – Present

Key Projects

• CUBE MyBank
  • Bond Purchase O2O – Improved collaboration and component reuse, supporting revenue growth from long-tail users.
  • Fund Inventory – Developed shared UI components (frozen tables, Tour, pagination) and optimized large data rendering performance.
  • Foreign Time Deposit – Handled complex form validation and display logic.
• ROBO
  • Official Site 2.0 – Created animation effects and optimized Lighthouse performance for better SEO.

Technical Highlights

• Shared components Development: frozen tables, Tour, pagination, Skeleton
• Automated type generation via Orval OpenAPI, accelerating backend integration.
• Enhanced Storybook with MDX for synchronized design and documentation.
• Utilized AI & automation tools: GitHub Copilot, Plop, Snippet, Ollama.
• Implemented ErrorBoundary, bundle analysis, and security audits.

Team & Process

• Documented workflows and coding standards to reduce onboarding time.
• Active in frontend book clubs and knowledge-sharing sessions.