我目前使用 Next.js, React, Tailwind CSS, TypeScript 等工具，完成公司任務與業餘專案的網頁切板與功能實作。在學期間有接觸過介面設計、使用者體驗、後端開發，現在仍有持續利用過往經歷，與負責這些職位的夥伴討論、溝通與合作。如果你想找我聊聊新的合作機會，請聯繫我！
在網站開發過程中，我致力於遵循響應式網頁設計和無障礙網頁設計的原則，確保各種裝置和瀏覽器的使用者都能順利瀏覽和操作網站。我了解搜尋引擎優化（SEO）的重要性，能夠根據行銷需求設定和測試必要的元標籤，讓網站在社群媒體貼文或搜尋結果中呈現完整、清晰的資訊。同時，我持續監測效能指標數據並優化程式碼，提升網站載入速度和使用體驗的流暢度。針對這些領域，我使用 Lighthouse、PageSpeed Insights、metatags.io、Vercel Speed Insights 和 Vercel Toolbar 等工具進行測試、分析和優化。
在網站部署上線、對外公開之後，為了觀察網站訪客的來源、每個網頁的熱門程度，我有使用 Google Analytics 和 Vercel Web Analytics 進行流量追蹤和使用者行為分析，同時利用 Google Search Console 監測搜尋曝光、排名與點閱率。我有使用 React Hook Form 建立表單的經驗，能夠實作基本的格式驗證、錯誤處理和提交表單流程。另外，我曾經使用 Playwright 撰寫簡單的自動化端對端測試腳本，確保核心功能正常運作。
我相信良好的溝通與團隊合作是成功專案的關鍵。在職場中我經常與專案經理、產品經理、設計師和後端工程師協作，共同解決問題並達成客戶或公司的目標。我能夠理解不同角色的需求和挑戰，並提供適當的技術建議和解決方案。在業餘時間，我從自身技術棧出發，追蹤新的前端技術和工具，同時接觸設計、後端、專案、產品、行銷等各方面的知識，持續提升自己的專業能力。
- 負責開發客戶公司網路電話彈出視窗，繪製流程圖與線框圖，使用 Next.js + TypeScript + Tailwind CSS + Headless UI + SIP.js + Web Audio API + Lucide Icons 實作通話與音訊功能。串接 API 實作登入機制（帳號密碼換取 token 並存入 cookie，送出 token 取得帳號密碼）、log 記錄、密碼更新與通訊錄查詢等功能。
- 參與客戶公司的視訊會議網站開發，使用 React + styled-components 調整介面與功能, 使用 Transifex 串接多語系字串。於新增功能之前，整合客戶需求和技術可行性，製作流程圖和線框圖，再實作畫面與功能、串接客戶提供的 API。原本手動回歸測試耗時 40 分鐘，撰寫 Playwright 自動化測試腳本，耗時縮減至 5 分鐘。
- 參與自己公司的物流服務產品開發，使用 HTML + Tailwind CSS + JavaScript 切版，撰寫 GitLab CI/CD pipeline 腳本、設定環境變數，自動部署到測試版網址，手動部署到正式版網址。
- Teamie 是一個業餘專案，致⼒為學⽣及初⼊職場的新鮮人媒合專案夥伴，打造跨專業、跨地區的合作機會。
- 使用 Next.js + Tailwind CSS + TypeScript + clsx + Feather Icons + Headless UI 製作元件與頁面、實作各項功能。
- 在 Zeabur 專案中新增兩個前端服務，設定相同 GitHub repo 的不同分支，分別自動部署到測試版與正式版網址。
- 與後端夥伴合作規劃所需資料表、調整 API 規格，再根據 Swagger 文件，使用 React Hook Form 串接 RESTful API 實作各種表單、處理錯誤訊息。
- 參與前期使用者訪談、需求分析、網站架構與功能操作流程規畫，針對介面設計稿提出前端技術可行性建議。
- 撰寫前端 Markdown 文件，利用此文件與原始碼向新加入的前端夥伴說明，目前網站有使用的工具、已完成的功能、撰寫程式碼須注意的規範。
- 使用 JavaScript + SCSS + PHP，網頁切版、前後端分離、功能實作。
- 獨立完成：製作公司的電子報模板、調整公司的內部報表產出網站、製作客戶的產品介紹頁面。
- 協助正職員工：開發客戶的心理測驗網站。
- 使用 XAMPP + MySQL + PHP，建置資料庫、實作各項功能。
- 開發論壇網站的帳號、文章、留言、收藏、追蹤等功能。
- 參與使用者體驗規劃，負責後端，與介面設計和前端的同學合作。
- 網站前端：Next.js, React, Tailwind CSS, TypeScript, Headless UI, React Hook Form, styled-components
- 版本控制：Git, GitHub, GitLab
- 部署：Vercel, Zeabur
- 使用者體驗、介面設計：FigJam, Figma, Penpot
參加 Google 數位人才探索計畫，於 2023/05 取得
- Google Analytics (分析) 認證
- Google 數位人才結業證書
畢業專題＂珍食力＂於 2021 放視大賞入圍行動應用類 - 軟體內容創意企劃組決賽。
- 使用者體驗、介面設計，Miro + Figma
就讀數位內容科技學系。選修兩個群組課程：數位技術應用、數位設計。
居住地：台灣，台北市
Email：[email protected]