●建立跨專案共用元件庫：使用 React、TypeScript 和 Mantine UI，減少 30% 重複程式碼，提升專案間元件一致性與維護效率。●強化團隊開發效率：重構既有元件，導入 Storybook，提供視覺化測試與即時文檔，大幅縮短溝通與開發時間。●確保系統穩定性與品質：撰寫 Playwright 和 Cucumber 測試腳本，建置 E2E 測試流程。●成功完成技術升級與性能優化：將專案從 React 16 升級至 React 18，採用 Vite 減少 50% CI/CD 時間，優化系統效能與穩定性。●提升程式碼可讀性與安全性：推動從 PropTypes 遷移至 TypeScript，並替換 UI 框架為 Mantine UI，確保開發穩定性與長期可維護性。●促進跨部門高效合作：與 UI/UX 設計師及後端團隊密切協作，確保設計與功能一致性，快速完成 API… Show more ●建立跨專案共用元件庫：使用 React、TypeScript 和 Mantine UI，減少 30% 重複程式碼，提升專案間元件一致性與維護效率。●強化團隊開發效率：重構既有元件，導入 Storybook，提供視覺化測試與即時文檔，大幅縮短溝通與開發時間。●確保系統穩定性與品質：撰寫 Playwright 和 Cucumber 測試腳本，建置 E2E 測試流程。●成功完成技術升級與性能優化：將專案從 React 16 升級至 React 18，採用 Vite 減少 50% CI/CD 時間，優化系統效能與穩定性。●提升程式碼可讀性與安全性：推動從 PropTypes 遷移至 TypeScript，並替換 UI 框架為 Mantine UI，確保開發穩定性與長期可維護性。●促進跨部門高效合作：與 UI/UX 設計師及後端團隊密切協作，確保設計與功能一致性，快速完成 API 串接，縮短開發週期。●帶動創新：進行多項系統重構與技術更新，成功減少技術債並顯著提升系統長期可持續性。=====================================================●Built a shared component library with React, TypeScript, and Mantine UI, cutting code redundancy by 30% and making components easier to reuse across projects.●Refactored existing components and introduced Storybook, making it simple for the team to preview and test components visually.●Improved system reliability by creating E2E tests with Playwright and Cucumber, catching bugs early and boosting delivery quality.●Upgraded projects from React 16 to React 18 and switched to Vite, speeding up builds and reducing CI/CD times by 50%.●Migrated codebase from PropTypes to TypeScript and replaced the old UI framework with Mantine UI, making the code safer, easier to read, and future-proof.●Collaborated closely with designers and backend engineers to ensure components matched design standards and API integrations were smooth and fast.●Led multiple system refactoring and technology upgrades, successfully reducing technical debt and significantly enhancing the long-term sustainability of the systems. Show less