CHULIYING

Frontend Lead / Agent Systems Engineer

Chu Liying
emailgithub

ABOUT

FRONTEND SYSTEMS & PRODUCT ENGINEERING

I am a Frontend Lead with 10+ years of experience defining frontend architecture, data and state boundaries, and delivery practices for complex production products. I work closely with product, design, backend, and QA while remaining hands-on in implementation and production debugging.

My experience spans energy, e-commerce, media, and arts and culture, using React, Next.js, TypeScript, GraphQL, responsive interfaces, and real-time data delivery.

CAPABILITIES

Frontend architecture
React, Next.js, and TypeScript systems with typed data flow, GraphQL integration, client-state boundaries, responsive dashboards, and real-time streaming interfaces.
Complex product interfaces
Information hierarchy, operational workflows, responsive behavior, and interaction design for products that need to make dense or changing data easier to understand.
Delivery quality
Production debugging and Playwright, GitHub Actions, and Lighthouse checks across rendering, data flow, performance, and service integrations.
Technical leadership
Sprint planning, task allocation, code review, architecture decisions, and day-to-day alignment with product, design, backend, and QA.

EXPERIENCE

HDRenewablesR&D Assistant Manager / Frontend Lead2024–Present
  • -Lead frontend architecture, delivery, and line management for multi-module energy products built with React, Next.js, and TypeScript
  • -Define API, client-state, and streaming boundaries for responsive dashboards and real-time operational interfaces
  • -Guide planning, task allocation, code review, and production debugging across product, design, backend, and QA
  • -Lead the AI-assisted SDLC for a roughly 25-person product team, keeping specifications, prototypes, implementation, and test evidence aligned across roles
EcosTekSenior Frontend Engineer2023–2024
  • -Coordinated frontend delivery through sprint planning, task allocation, and code reviews
  • -Maintained customer-facing storefronts and admin consoles used by around 100 client accounts, integrating payment, logistics, and inventory systems
  • -Built subscription, promotion, and preorder systems, a Shopee migration dashboard, and Cypress automation for promotion QA
Brewing ArtsFrontend Engineer2021–2023
  • -Owned product design and frontend development from concept through launch
  • -Built the platform with Next.js and GraphQL, including static generation and SEO
Independent ProjectsFreelance Product Designer / Frontend Engineer2020–2021
  • -Delivered client projects across product design and frontend development
The News LensFrontend Engineer2015–2020
  • -Worked across product planning, UX design, and frontend engineering for a high-traffic bilingual media platform
  • -Built branded editorial sites and native advertising experiences
  • -Took new brand sites from early product strategy and visual design through frontend implementation

EDUCATION

Ming Chuan University
Commercial Design · 2012

FRONTEND ENGINEERING PROJECTS

Enterprise Energy Platform Modernization

Internal project

Modernized a live, multi-module product while keeping feature delivery moving across product, design, backend, and QA.

  • Reworked API, client-state, and streaming boundaries so new behavior no longer depended on legacy paths.
  • Created typed React and Next.js interfaces that made dense operational data, responsive dashboards, and real-time updates easier to follow.
  • Led the rollout of an AI-assisted delivery workflow that kept specifications, prototypes, implementation, and test evidence aligned across product, design, engineering, and QA.
  • Used automated delivery, quality, and performance checks while debugging production integration issues.

Outcome

Separated new modules from legacy API, state, and streaming paths while keeping ongoing releases operational.

  • React
  • Next.js
  • TypeScript
  • Playwright
  • GitHub Actions
  • Lighthouse

E-commerce Product Architecture

Internal project

Maintained customer-facing storefronts and admin consoles used by around 100 client accounts.

  • Integrated payment, logistics, and inventory systems across storefront and back-office workflows.
  • Built subscription, promotion, and preorder systems, plus a dashboard for Shopee migrations.
  • Built Cypress automation for promotion QA, including discount-rule validation.

Outcome

Delivered storefront and admin workflows across approximately 100 client accounts, with automated validation for promotion rules and migration operations.

  • TypeScript
  • Cypress
  • E-commerce
  • API Integration

TNL Media Group

Led the planning, visual design, and frontend work for the group's corporate site during its IPO process.

  • Translated an evolving company structure into a clear public information hierarchy.
  • Unified content from multiple brands in a shared data model for consistent publishing.
  • Carried the work from product framing and visual direction into the production frontend.

Outcome

Established one publishing structure and public information hierarchy for the group's corporate site and multiple media brands.

  • Product Design
  • Frontend Development
  • Content Modeling

taigitaitsiaplik

Designed and built a PTS Taigi event platform for 16 films and 40 screenings across three cities.

  • Organized a dense film and screening program for quick browsing across venues and dates.
  • Carried the visual identity and responsive interaction into the frontend implementation.
  • Created an interactive exhibition with Three.js and GSAP inside the same public experience.

Outcome

Made 16 films and 40 screenings browsable across venues and dates, with a responsive program and a separate Three.js exhibition experience.

  • TypeScript
  • Responsive UI
  • Three.js
  • GSAP