關於我
我打造讓人感覺是設計出來的介面,而非生成的。有目的的動態效果、承壓下的效能,以及他人能維護的代碼。
前端開發工程師,擁有 5 年以上在 production 環境交付 React 與 Next.js 應用程式的經驗。擅長 TypeScript、CSS 系統、無障礙設計與即時 UI。橫跨電商、金融科技與 Web3 產品。
- React.js (Reactjs), Next.js, Vue.js, TypeScript, JavaScript (ES6+), Tailwind CSS, HTML5, CSS3, Sass.
- Redux, React Query, RESTful APIs, WebSockets, SSE, GraphQL.
- Core Web Vitals, Google Analytics 4 (GA4), Gtag, TikTok/Facebook Pixel, Sentry.
- Gitlab CI/CD, PM2, Self-hosting (Linux), Vite, Webpack, Babel.
- React Native, Zalo Mini App, Canvas API, i18n.
- 精通軟體開發生命週期 (SDLC)、衝刺規劃與回顧。
- 重視 Clean Code、程式碼審查與單元測試。
- 將複雜的商業需求轉化為可擴展的技術解決方案。
- 架構基礎專案並指導團隊程式碼標準。
工作 經歷
COOLMATE
規劃並執行整個電子商務前台的轉型。
NOVUS FINTECH
開發 CMS 網站 (CGSI、Iress Wealth、Admin Portal Equix),實現登入流程、用戶驗證,以及使用 Formik 與 Yup 驗證進行表單管理。建立主題建构器功能以自訂交易應用程式的色彩配置。開發交易網站 (EQUIX、MAGPIE、CGSI),具備登入、註冊、忘記密碼等功能,並整合 reCAPTCHA 與 PIN 碼雙重驗證。使用 Server-Sent Events (SSE) 實現即時更新的交易功能。利用 Next.js 建立基本面嵌入式網站以追蹤股票資訊。
METACITY
開發 Metacity 系統與登陸頁面。製作介面、動畫特效並客製化遊戲介面。將 Figma 設計稿轉換為 HTML/CSS,同時確保維持良好的 UX/UI 設計。重構程式碼、調查並修復 Bug。確保跨瀏覽器相容性以及在各式裝置與螢幕尺寸上的響應式呈現。
IT Lab FPOLY
參與多個網頁專案,學習前端開發的最佳實踐,並在網頁技術方面奠定堅實的基礎。
專案作品

Portfolio Designer
Delivered a polished portfolio experience with fast navigation and responsive visual storytelling.
Frontend implementation, interaction design, responsive UI
- nextjs
- react
- typescript
- tailwind

Starlento
Shipped a campaign-ready talent platform with smooth application flows and production-ready UI.
Frontend development, UI implementation, application flow
- nextjs
- react
- typescript
- css
- redux

CGSI, Iress Wealth, Admin Portal Equix
Built authenticated trading workflows, CMS operations, filtering, and theme tooling for financial products.
Frontend development, auth flow, form systems, real-time UI
- react
- canvas
- javascript
- sse
- realtime
- streaming

Metacity System, Landing Page
Produced responsive Web3 product surfaces with animation, game UI customization, and cross-browser support.
Frontend development, animation, responsive implementation
- nextjs
- react
- typescript
- css
- redux
