自傳
在大學時，接觸到 UI / UX 相關課程，進而深入了解了網頁前端工程，產生濃厚的興趣，因此選修資管系課程，像是 Android App 程式設計、前端框架開發。此外也與資管系同學一起參加校內的創新計畫，如服飾募資平台、台灣市集資訊 App，主要負責 UI 介面設計、前端功能開發。
畢業後，我加入了禾碩資訊成為前端工程師，主要負責後台和官網的維護和開發，能夠獨立開發新頁面、設計有彈性的元件庫，更了解專案的版本建構、部署流程。也因為需要和各個部門的同事緊密合作，包括 PM、後端和測試團隊，讓我培養出與跨部門溝通的有效技巧與經驗。
目前著重學習更深度的 TypeScript、效能優化、測試及使用者體驗上，未來計劃探索後端相關技術，期許自己成為更全面、技術掌握力高的軟體開發工程師。
經歷
前端工程師• 禾碩資訊股份有限公司
2022.07 - 2024.03
開發及維護公司內部系統
開發內部系統功能，實現各種後台設定功能、報表呈現。
重構專案元件，並轉譯為 typescript ，為後續開發便利性。
導入 Redux ，統一管理 state ，並使 UI 與資料分離， redux-persist 保存跨分頁資料。
- 使用 Jest、react-testing-library 進行元件、函式測試，確保程式碼品質和穩定性。
- 獨立開發新頁面，設計有彈性的元件庫、撰寫內部文件，縮短內部溝通時間。
- 與前端團隊互相進行 code review，提升程式碼一致性。
建置及維護行銷官網
- 使用 Nextjs 建立了 SSR 架構的網頁，提高搜尋引擎優化。
開發官網功能及架構流程，實現第三方登入、會員、購買功能。
實現 RWD，使專案在各平台上順利運行 ( DeskTop、Mobile Web、 WebView、PWA )。
優化專案效能，根據 lighthouse 分析，進行動態載入、圖片優化、tree shaking、sever render，使 Google PageSpeed 提升至 93 分以上。
導入 Google Analytics 分析，記錄使用者行為，查看官網的登入、註冊和購買情況。
技能
Front-End
- Javascript ( ES6 )、Typescript
- 熟悉 React / React Hook
- 熟悉 Nextjs ( SSR / SSG )
- Redux 管理 state
- i18n 實現多語系
- 熟悉 yup 驗證工具
- 使用 Jest、React Testing Library 進行測試
- 串接 WebSockets，即時獲得後端訊息
WEB layout
- 以 SCSS 撰寫更好管理的程式碼
- 熟悉 Flex、Grid 佈局
- 實現 RWD，使專案在各平台上順利運行
- 解決跨瀏覽器相容性問題
- 熟悉 Material-UI、Ant Design
- 具有 UI 和 UX 的敏感性
Other
- 熟悉 Github 版本控制、操作
- 操作 CI/CD 執行版本更新
- postman 測試測試 api
- GA4 / Google Tag Manger 追租
- 了解 SEO 相關設定
- 使用 figma 設計介面
- 了解 design system
專案
外接案子 • Feat.Designer web / 服裝募資平台
-提供服裝設計師的募資平台
- 負責網頁 UI 設計、畫面切版
- 使用 CSS Flex 實現 RWD
- 使用 formik、yup 進行表單驗證管理
- 串接 ReactQuill 文字編輯器功能，讓使用者可以自由編輯募資文案
- 負責募資商品、帳號設定頁面新增、編輯、刪除功能及流程
- 使用 Firebase Auth 帳號系統，並可以進行第三方登入
- 與後端討論 API 格式並進行串接
UI 使用者介面設計 • 市集 APP
- 使用 Figma 進行 UI 畫面設計、icon 設計
- 規劃原子設計，設計模組化元件、並設定元件規範 ( Design System )
- 固定顏色、字型大小、行高，讓設計、開發人員更容易維護
- 規劃介面流程 UI Flow
- 使用 Prototype 展示轉場效果細節、操作邏輯
