Summary

Seasoned engineering leader with 10+ years of experience in frontend and backend development, specializing in React, Node.js, and TypeScript. Proven track record of leading high-performing teams, architecting scalable systems, and driving technical innovation from Senior Engineer to Frontend Tech Lead to Senior Research Engineer. Passionate about building cutting-edge solutions that deliver exceptional user experiences and measurable business impact.

Work Experience

Phase
phase.com
Full-time · 5 yrs 10 mos · Oct 2019 – Jul 2025
Senior Research Engineer
Sep 2024 – Jul 2025 · 11 mos
  • AI Chat Integration: Revolutionized user design workflow with seamless AI-driven element creation
    • Architected client-side AI tools integrated directly within Phase application
  • Lottie Export Engine: Significantly improved export reliability and animation fidelity
    • Resolved critical technical challenges including opacity inheritance, layer ordering, and mask issues
  • Code Export System: Enabled seamless export of production-ready code for developers
    • Built comprehensive generation engine supporting CSS transforms, gradients, and interactive elements
  • Advanced Drag & Drop System: Enhanced user experience through complete interface refactoring
    • Implemented sophisticated snapping algorithms, intelligent cursor management, and advanced cloning
  • Analytics Integration: Enabled data-driven product decisions through comprehensive user insights
    • Integrated PhaseIO analytics tracking system to capture user behavior patterns
  • Build System Optimization: Improved build pipeline performance and developer productivity
    • Successfully migrated development infrastructure to workspace protocol
  • Distributed Transaction Management: Ensured data consistency across concurrent operations
    • Implemented Lamport clock algorithm with client-side validation and transaction holding
  • Error Tracking & Debugging: Reduced production debugging time significantly
    • Implemented automated sourcemap upload to Sentry for enhanced error tracking
Frontend Tech Lead
Nov 2022 – Aug 2024 · 1 yr 10 mos
  • Strategic Platform Leadership: Transformed Phase's animation platform into mature, high-performance editor
    • Led technical transformation from foundational Lottie capabilities, orchestrating 2-year roadmap delivery
  • Advanced Animation Features: Delivered comprehensive motion-path support with seamless Lottie integration
    • Implemented stretch keyframes, auto-orient functionality, and import/export capabilities
  • Core Editor Development: Dramatically improved user productivity and workflow efficiency
    • Implemented essential Copy, Paste & Duplicate functionality
  • Lottie Export Engine: Achieved near-complete feature parity with advanced Lottie capabilities
    • Enhanced engine to support boolean operations, trim-paths, dashes, and gaps
  • System Architecture: Significantly increased feature coverage for complex elements
    • Led major architectural refactoring using intermediate-representation (IR) pattern for masks and containers
  • Performance Optimization: Achieved significant performance improvements across the platform
    • Implemented code optimization and efficient rendering algorithms
  • Platform Integration: Successfully launched comprehensive Image feature with full Lottie support
    • Integrated Growthbook feature flag system for data-driven development
  • System Stability: Enhanced overall system stability and reliability
    • Implemented comprehensive bug fixes, error handling improvements, and robust testing frameworks
Senior Engineer
Oct 2019 – Oct 2022 · 3 yrs 1 mo
  • React-Based Editor Interface: Created robust foundation for complex design tool interactions
    • Architected and built sophisticated editor interface on top of React for user workflows
  • Design System Components: Ensured platform consistency and accelerated development velocity
    • Developed comprehensive library of reusable design system components
  • Data-Exchange Architecture: Enabled seamless frontend-backend communication
    • Designed scalable data-exchange structures serving as backbone of responsive design systems
Binji
binji.co
Senior Backend Developer
May 2019 – Sep 2019 · 5 mos
  • Fraud Prevention: Enhanced payment security and reduced fraudulent transactions
    • Implemented 3D secure-like flow to prevent fraud
  • Internal Dashboard: Improved operational efficiency and data visibility
    • Designed and developed new dashboard for internal use
  • DevOps & Infrastructure: Streamlined development and deployment processes
    • Set up CI/CD flow and containerized service for Kubernetes deployment
honestbee
honestbee.com
Full-time · 2 yrs 3 mos · Dec 2016 – May 2019
Engineering Manager
Nov 2017 – May 2019 · 1 yr 7 mos
  • Performance Optimization: Reduced bundle size by 15% and JavaScript execution time by 70%
    • Migrated webpack from v3 to v4 with code splitting and server-side rendering (Node.js)
  • Page Load Performance: Reduced page load time from 7.8s to 4.6s (40%+ improvement)
    • Significantly enhanced user experience through performance optimization
  • Development Experience: Improved development workflow and team efficiency
    • Implemented HTTPS on localhost and established efficient development practices
  • Team Leadership: Provided technical direction for complex engineering challenges
    • Led 7-member web development team with decision-making guidance
  • System Development: Built critical systems for honestbee's habitat operations
    • Developed robot collection system (Node.js) and auto-checkout system (Golang)
  • Website Maintenance: Ensured maintainable and pixel-perfect UI implementation
    • Led development of new features and maintenance of honestbee's official website
Senior Frontend Engineer
Dec 2016 – Oct 2017 · 11 mos
  • Codebase Refactoring: Improved maintainability and scalability for multiple services
    • Refactored codebase to support groceries and food services in one site
  • Image Optimization: Reduced file sizes by 50% and improved page load performance
    • Optimized image sizes across the platform
  • Build Performance: Dramatically improved development efficiency
    • Upgraded webpack from v1 to v3, decreased bundling time from 120s to 10s (with cache)
  • Feature Development: Enhanced user engagement with innovative sharing features
    • Developed food shared cart feature allowing members to share carts with non-member friends
  • Automation Tools: Streamlined complex operational tasks
    • Developed Slack bot (Node.js) for flushing Facebook OG cache and deploying locale contents
Unicorn Vision Design Limited
unicorn.vision
Frontend Lead (remote)
Oct 2015 – Feb 2017 · 1 yr 5 mos
  • React SPA Development: Ensured optimal user experience across devices
    • Developed mobile-first responsive single page application (SPA) based on React.js
  • JavaScript Architecture: Built modern component-based architecture
    • Adopted Flight framework, built components with webpack and utilized ES6 features with Babel
  • Remote Collaboration: Maintained effective communication and project tracking
    • Successfully worked remotely and on-site using Slack and Trello for progress management
  • Version Control: Ensured code quality and collaborative development
    • Utilized Git for version control and GitHub for code reviews
FormosaSoft
tw.formosasoft.com
Engineer (partially remote)
Sep 2012 – Nov 2016 · 4 yrs 3 mos
  • E-Learning Platform Development: Built comprehensive training solutions for schools and corporations
    • Developed FormosaSoft Media Server (FMS) and Training Management System Plus (TMS+) using PHP
  • Frontend Technologies: Enhanced user interface with responsive design
    • Utilized jQuery and Bootstrap for responsive UI development
  • Component Development: Created reusable components and debugging tools
    • Developed jQuery plugins, React components for UI, and Chrome Extensions for debugging
  • System Maintenance: Improved legacy system performance and functionality
    • Maintained PowerCam Media Server (PMS), refactoring legacy code and developing new features
  • Build Tools: Streamlined development workflow with modern tooling
    • Set up Gulp tooling to support building of React.js components and utility JavaScript
  • Version Control & Quality: Ensured code quality through testing and version control
    • Used SVN for version control and implemented PHPUnit testing before commits

Education

National Taichung University of Science and Technology (NTCUST)
Master Degree in Computer Science and Information Engineering
2010 - 2012
National Taichung Institute of Technology (NTIT)
Bachelor Degree in Computer Science and Information Engineering
2006 - 2010