此網站需要開啟JavaScript
JavaScript is required
PORTFOLIO

YU CHENG HUANG
Frontend-Heavy Full-stack Engineer

Introduction

Overview

Frontend-heavyFull-StackEngineerwith5yearsofexperiencebuildingenterprisewebsites,productplatforms,ERPsystems,andinteractivewebexperiences. MyprimaryexpertiseisinVue,Nuxt,React,TypeScript,JavaScript,andNode.js,withadditionalexperienceinGSAP,Three.js,andcreativecoding.Ienjoytranslatingcomplexrequirementsintomaintainablesystemswhilebalancingperformance,usability,andinteraction. Beyondimplementation,Iworkcloselywithdesigners,PMs,andbackendengineers,andhaveexperiencetakingownershipofproductplanning,technicalarchitecture,andlong-termsystemimprovement.

Technical Skills

Frontend

JavaScriptTypeScriptReactVue.jsNuxtNext.jsTailwind CSS

Creative Development

GSAPThree.jsp5.jsSVG AnimationCanvasWebGL

Backend / CMS

Node.jsExpress.jsWordPressREST APIs

Database / Cloud

MongoDBMySQLFirebaseGoogle Cloud PlatformAWS

Quality / DevOps

GitDockerNginxJestAccessibility (WCAG)Performance OptimizationOWASP ZAP

Languages

Chinese — NativeEnglish — Professional Working Proficiency

PROJECTS

Selected work across product development, enterprise systems, creative frontend, and interactive web experiences.

01

Pay LaShared Expense Web App

Mobile-first shared expense and settlement web application built with Next.js, Firebase.

- Firebase Authentication and real-time Firestore

- Deterministic split and balance engines

- Next.js static export with GitHub Pages

Next.jsReactTypeScript
02

Enterprise ERP Management System

Multi-module ERP platform for sales, purchasing, inventory, transactions, and eSign workflows

- Connected sales, purchasing, inventory, and transaction workflows

- Reusable admin components and document architecture

- Quotation PDF and public eSign workflow

NuxtVueERP
03

Goodbye 1987Interactive Film Website

Interactive promotional website built with Nuxt, GSAP, and p5.js

- Generative visuals and animations with p5.js

- Interactive quiz with downloadable image & video results

- Horizontal storytelling experience with GSAP

NuxtGSAPp5.js
04

Sino-French WarInteractive Story

Narrative web experience for NMTH

- Scroll-driven 3D storytelling

- Complex animation integration

- Performance and stability optimization

GSAPThree.jsStorytelling
05

Generative Art Collection

Creative coding experiments on OpenProcessing

- Generative visuals with p5.js

- Nearly 70 interactive sketches

- 3D graphics and shader experiments

p5.js3D GraphicsShaders
06

Far Eastern New CenturyGlobal Corporate Website

Contributed to the frontend development of a large-scale multilingual corporate website

- 90+ page enterprise website

- Reusable templates and components

- Multilingual content with i18n

EnterpriseNuxti18n
07

Bai Bai 1.0CMS + Animation

Content-driven site built with WordPress + Nuxt

- SVG animation with GSAP

- Multi-language CMS integration

- Frontend maintenance & optimization

WordPress CMSNuxtGSAP

Overthepast5years,I’vedelivered30+webprojects,fromlarge-scalecorporatewebsitesandERPsystemstoexhibitionmicrositesandinteractivedigitalexperiences.Ienjoyworkingattheintersectionoffrontendengineering,motion,andinteraction—buildingexperiencesthatarevisuallyengaging,performant,andmaintainable.

Work Experience

Block Studio logo

Feb 2025 - Jun 2026

Frontend Engineer

Block Studio

  • Delivered 6 new projects and maintained 10+ existing websites and internal systems across government, enterprise, and digital experience work.
  • Built reusable frontend architecture and implemented complex interactive experiences using Nuxt, GSAP, p5.js, and Three.js.
  • Supported i18n, accessibility, performance, and security improvements while collaborating closely with designers and PMs.
Bat Mobile Inc logo

Aug 2021 - Jan 2025

Node.js Engineer

Bat Mobile Inc

  • Developed and maintained a large-scale student community platform serving web, iOS, and Android users.
  • Redesigned the messaging system from direct messages to threaded group conversations.
  • Separated backend APIs from full-stack system, optimized DB architecture, and authored ~75% of technical documentation.
  • Expanded operations platform with reporting, blocking, vote/board settings, account history, notifications, and scheduling.
CAMA coffee logo

Oct 2017 - Jul 2020

Manager

CAMA coffee

  • Managed three branches at different stages of my tenure and supervised teams of 10+ staff.
Hospitality & Surveying logo

Before 2017

Earlier Experience

Hospitality & Surveying

  • Built a foundation in customer service, teamwork, operations, and field-based problem solving.

Yu Cheng Huang / Calvincontact me