Frontend Engineer with 6+ years of experience and an MFA in Design & Technology from Parsons. Specialized in building modular React component systems and translating complex design requirements into production-ready UI — with hands-on experience in accessible, enterprise-scale platforms. Integrates AI development tools (Claude Code, Cursor) into daily engineering workflow.
Skills
Core Tech
Design
Engineering & Tooling
AI Development Tools
Selected Projects
Frontend lead for Taipei City Government’s TaipeiPASS platform, built to WCAG 2.1 AA standards.
Rebuilt two government platforms to match the National Park Service portal's UI system, without sharing a codebase.
Sole contributor for the platform's visual layer, built with a custom SCSS architecture.
Multi-step Wizard workflow and landing page for EZSIGN's B2B onboarding, built with Bootstrap.
Work Experience
Tradevan, Taipei, Taiwan
Senior Frontend Engineer
03/2023 – Present
- Served as frontend lead on a 5-person team building the TaipeiPASS digital platform for Taipei City Government, owning UI implementation and enforcing WCAG 2.1 AA accessibility standards across the frontend layer.
- Rebuilt the frontends of two internal government platforms from legacy code, independently replicating the UI specification and component conventions of the National Park Service portal to maintain visual consistency without a shared codebase.
- Designed and built the full visual layer of the Indigenous Carbon Sink ESG platform as a sole contributor, implementing a custom SCSS architecture with a defined color system and responsive layout.
- Implemented a multi-step Wizard workflow and landing page for EZSIGN's B2B onboarding using Bootstrap, simplifying a complex legal signing process into a guided, high-contrast UI flow.
Frontend Engineer
03/2021 – 03/2023
- Refactored the ECAR cross-agency vehicle platform and NSRRC research portal from legacy markup to a structured SCSS + ES6+ architecture, including complex multi-step forms with dynamic field logic and data-heavy admin interfaces.
- Established a unified visual style guide and component conventions for both platforms, working directly with internal users to align the UI with existing government workflows.
Full Stack Developer
03/2020 – 03/2021
- Built the APEWS portal, a centralized entry point providing unified access and consistent UI across 10+ independent IoT surveillance subsystems, with shared visual styles and cross-system SSO navigation.
- Built a real-time visualization dashboard integrating Google Maps API and Chart.js to display live container tracking states across 10+ interconnected subsystems, designed under a zero-scroll high-density layout constraint.
- Developed the data layer using Java Spring MVC and SQL to support high-concurrency container tracking, ensuring consistent state between backend and the frontend visualization layer.
Education
Parsons School of Design, New York, NY, USA
Master’s Degree in Design and Technology
2016 – 2018
- Focused on the intersection of design, technology, and human-centered interaction through studio-based projects.
- Selected for the Studying Abroad for Excellent Students Scholarship, sponsored by the Ministry of Education, Taiwan.
National Taipei University, Taipei, Taiwan
Bachelor’s Degree in Computer Science
2010 – 2014
- A significant part of the education involves practical experience through labs and projects, which are designed to enhance problem-solving skills.
EFREI – Engineering School of Digital Technologies, Paris, France
Exchange Program in Computer Science
2012 – 2013
- Awarded the MOE Scholarship for Excellent Students to Study Overseas (2012).
Blog
JavaScript Event Loop Explained: Understanding Microtasks and Macrotasks with a Stir-Fry Restaurant Analogy
Understand JavaScript Event Loop, microtasks, and macrotasks through a stir-fry restaurant analogy.
In-Depth Guide to JavaScript Asynchrony: Promise, Async/Await, and a Handwritten Promise.all
A deeper understanding of JavaScript asynchrony, Promise, and Async/Await.
JavaScript Closures: From the Explorer’s Backpack Analogy to Real-World Applications
Understand JavaScript closures through the “explorer’s backpack” analogy and learn how scope persistence works in practice.
JavaScript Prototype System and ES6 Classes: From “Finding Dad’s Treasure Chest” to Understanding the Syntax Sugar
Using the “prototype treasure hunt” analogy, this walks through how the JavaScript prototype chain works and how ES6 classes function under the hood.
The JavaScript this Keyword Fully Explained: The 5 Binding Rules and Practical Use Cases
Understand how the JavaScript this keyword works through the five binding rules and practical examples.
Connect
Feel free to contact me at hsuanlin44@gmail.com