前端工程師，帶著一些系統與產品思維
具備建構 UI 系統與大規模產品前端經驗。職涯涵蓋產品前端開發、前端平台架構設計，並具備獨立設計系統專案能力
Lance Fang
Skill
架構與系統設計
- Monorepo architecture
- Design system management
- Frontend scalability & state modeling
- System design: data pipeline ,Job orchestration, infra cost optimization
Frontend Engineering
- React ecosystem framework: React, Nextjs
- state management: TanStack Query, Zustand
- Testing strategy
- i18n workflow
- styling solutions
Platform / Backend
- Nodejs backend: API service, crawler app
- Data base: redis, Firestore, SQL
- GCP deployment
- Docker & container workflow
- CI/CD automation
- Infrastructure as code
Client Platforms
- Flutter / React Native
- Mobile build / distribution workflows
Misc
- 了解 UI/UX 設計方法論，並具使用工具手工開發產品設計能力（e.g. Figma, Illustrator 等）
- 程式語言: JavaScript, TypeScript, Dart, Shell, Elixir, C, Scheme (依熟練度排序)
Experiece
Autopass
Feb 2025 - current
- 使用 Nx Monorepo 管理並擴展 10+ 個 React / Next.js 應用，包含內部共用 UI 模組
- 規劃前端架構與狀態管理策略，採用 TypeScript、TanStack Query、Zustand，兼顧效能、可維護性與團隊擴展性
- 重構前端金流服務與付款流程，提升可維護性、可靠性與錯誤處理能力，應用於商業關鍵流程
- 設計並實作 多語系（i18n）網站與 SEO 相關工作流程
- 建構網站生成工作流，支援非工程人使用 AI 工具建立、調整頁面後，整合至既有網站中，降低跨部門溝通與開發成本
- 整合第三方服務（LINE LIFF、Google Maps APIs 等）
Pinkoi
Dec 2023 - Feb 2025
負責大型電商商家後台產品的前端開發
- 主導團隊 React 升級計畫，包含規劃漸進式的開發模式、設計過渡期 API、改善舊有 Routing 架構等，以降低技術債
- 參與商品加購功能開發，包含視覺、API、架構設計、開發等，在上線 3 個月內活躍用戶採用率超過 30%
- 開發 AI 相關功能，包含產品敘述生成，分類推薦等
- 開發及維護共用組件，包含元件測試、Storybook 整合、design token 管理
- 團隊內部知識共享，內容包含：React、使用 Android 模擬器除錯、字元編碼等
Gemini 捷敏數據
Jul 2022 - Nov 2023
- 開發專屬於 NoSQL 圖資料庫的視覺化應用
- 以 React 配合 Pixi.js 進行高效 Canvas 渲染，可顯示超過 1000 以上節點並維持節點互動包含：拖曳、調整樣式、叢集化等
- 簡化渲染模型及 API，使其更適合輕量化的靜態需求例如：文件預覽、樣式設定
FeverSocial 發燒互動
Aug 2021 - Mar 2022
負責面向消費者的商家行銷平台開發工作。為商家和企業客戶開發行銷活動管理系統
Misc
- 參與 Proton UI 翻譯計畫
Projects
Bandwagon — 棒球賽事資料處理基礎架構原型
repo探索系統架構的獨立專案，以棒球賽事為主題。專注於不穩定資料來源、有限人力資源、成本預算等現實限制。
- 設計 data pipeline 開發策略，處理多方資料資料來源
- 實作可擴展、穩定的任務分發與任務執行架構
- 在嚴格預算限制下，優化基礎設施成本與系統演進性
- Mobile App 的設計與開發
Astro + React + Markdown 建構的個人部落格，聚焦在軟體工程相關主題
- 使用 Slate.js 進行開發，能夠內嵌在 React 中使用的所見即所得 (WYSIWYG) 編輯器
- 支援將內容轉換為 Markdown 語法
Contact
education
資訊傳播學系
淡江大學