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

YU CHENG HUANG
FrontEnd Developer

Introduction

Overview

Hi,ImCalvin,afrontendengineerwholovesturningdesignandmotionintoseamlesswebexperiences.Ibuildinteractive,animation-drivenwebsiteswithafocusonperformance,precision,anduserflow.Mybackgroundinhospitalitytaughtmetocareaboutpeoplesexperiences-nowIapplythatsamemindsettothedigitalworld.

Technical
Skills

Frontend

React.jsVue.jsNuxtTailwind CSSBootstrapGSAPp5.jsThree.js

Backend / CMS

Node.jsExpress.jsWordPress

Database

MongoDBMySQL

DevOps

GitDockerNginxGoogle Cloud Platform(GCP)AWS

Testing

JestMocha / Chai

Languages

Chinese (Mandarin & Taiwanese)English

PROJECTS

These selected projects highlight my real-world experience across modern web development. Each example includes a brief overview and live demo, demonstrating my ability to solve complex problems, work with different technologies, and deliver effective solutions.

Formosa Adventure (3D Web Experience)圖片
01

Formosa Adventure (3D Web Experience)

Interactive 3D experience for National Museum of Taiwan History

- Three.js 3D interaction
- Nuxt architecture refactor
- WebGL performance optimization

Formosa Adventure (3D Web Experience)圖片
Time Traveler (Interactive Campaign Site)圖片
02

Time Traveler (Interactive Campaign Site)

Campaign website for National Archives of Taiwan

- Advanced GSAP scroll animation
- SVG + timeline control
- High-performance scroll handling

Time Traveler (Interactive Campaign Site)圖片
Generative Art Collection (p5.js)圖片
03

Generative Art Collection (p5.js)

Creative coding experiments on OpenProcessing

- Generative visuals with p5.js
- 30+ interactive sketches
- Creative coding exploration

Generative Art Collection (p5.js)圖片
Sino-French War (Interactive Story)圖片
04

Sino-French War (Interactive Story)

Narrative web experience for NMTH

- Scroll-driven storytelling
- SVG + animation integration
- Multi-section interaction design

Sino-French War (Interactive Story)圖片
YiChiu Group Website圖片
05

YiChiu Group Website

Corporate website with multi-language support

- Horizontal scroll interaction
- Dark/Light theme switching
- i18n implementation

YiChiu Group Website圖片
Bai Bai 1.0 (CMS + Animation)圖片
06

Bai Bai 1.0 (CMS + Animation)

Content-driven site built with WordPress + Nuxt

- SVG animation with GSAP
- Multi-language CMS integration
- Legacy site optimization

Bai Bai 1.0 (CMS + Animation)圖片

Overthepast4years,Ihavedelivered30+webprojects,includingcorporatesites,exhibitionmicrosites,andanimation-drivenexperiences.ManyinvolvedWordPressCMSintegration,i18n,andperformancetuning,strengtheningmycapabilitiesinmotionUI,scalablearchitecture,andcross-teamcollaboration.

Work Experience

Block Studio logo

Feb 2025 – Present

Frontend Engineer

Block Studio

  • Delivered a 90+ page enterprise website, plus 2 mid-scale and 5 small-scale client sites using Nuxt + WordPress CMS.
  • Implemented advanced animation solutions and optimized scroll-based interactions for smooth performance.
  • Supported i18n, A11y compliance, and security best practices, collaborating closely with designers and PMs.
Bat Mobile Inc logo

Aug 2021 - Jan 2025

Node. Js Engineer

Bat Mobile Inc

  • Enhanced platform features across web/iOS/Android with focus on performance and maintainability.
  • Upgraded messaging system into threaded group conversations with database redesign.
  • 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 3 branches and 10+ staff, strengthening leadership and communication.
Hospitality & Surveying logo

2013 – 2017

Other Experience

Hospitality & Surveying

  • 8 years in hospitality & 1 year in surveying; developed strong teamwork and problem-solving abilities.

YuCheng Huang / Calvincontact me