• 使用 React 建立 UI 元件庫，並移除對 MUI 的依賴。 • 建立元件庫 Storybook。 • 導入 Atomic Design 概念及 SOLID 原則重構 40 個以上的既有元件，並補上 Unit test 及 Integration test。 • 結合使用 Zustand 及 React Context API 建立以元件為最小單位的 State management，並搭配 Composition 設計模式使用，在抽象化的同時，避免複雜元件 Prop drilling 的問題產生。 • 統整、撰寫 UI 元件庫的開發規範文件。 • 製作、維護在 NX monorepo 中，以 React 開發的各 CMS 站台。 • 透過抽出 Routing Layer，減少不必要的重新渲染及解決路由重造問題。

• 使用 React 開發客戶實驗數據中心，搭配 D3js 將數據以圖表呈現，有利客戶追蹤。 • 使用 React 開發、並配合設計師製作 2 個產品官方網站。 • 使用 sitemap 套件產生網站 sitemap，搭配 opengraph 優化 Single-Page Application(SPA)網站的 Search Engine Optimization(SEO)。 • 將數個 Library、Web APIs 如： Axios、D3、IntersectionObserve 等封裝為 React hooks，提高複用性及易用性，提高開發效率。 • 建立、設計表單系統，並結合 Yup 進行欄位驗證，以解決 Google Analytics 無法追蹤 Google form 提交的問題。 • 調整 Webpack 設定，透過 Tree shaking 大幅的減少 dependenices bundle size，並結合 Lazy Loading 策略減少單一檔案的 bundle size。 • 重新設計 UI 呈現的方式，透過 Lazy Loading、分頁、infinite scroll等方式，減少操作造成的 reflow，進而提高渲染效能。 • 重構產品部落格前台，從 React web app 轉為 Wordpress，並串接各項後台功能。 • 建立 Bitbucket CI/CD pipelines 佈署至 AWS EC2/S3。

• 使用 Vue 規劃、開發共用後台架構，並透過此架構開發 6 個後台系統。 • 使用 Vuex 建立登入登出機制。 ​• 解析 JWT token 的權限路由機制，在前端實作權限路由的控制。 • 串接 Socket 達成即時的系統通知，也解決當權限路由修改時，可以及時剔除權限不足的使用者。 ​​​• 使用 Vue 開發，並配合設計師製作 10 個以上業主公司形象網站。 • 協助其他團隊開發 React CMS 後台系統。

• 使用 Vue 重構 php 遊戲前台專案。 • ​使用 Vue 開發，並配合設計師製作 10 個以上業主公司形象網站。