本專案為臺灣戲曲中心打造的觀眾服務網，透過整合式網頁系統，提供場館導引、空氣品質監測、緊急事件指引、服務資訊、問卷回饋與洗手間使用狀況等功能，協助現場觀眾即時掌握所需資訊。系統支援雙語介面、主題切換與字級調整，並搭配視覺化圖表與互動式操作介面，強化使用者體驗與資訊可及性。其中洗手間使用狀況與人流資訊結合 IoT 感測設備，並透過 Socket.IO 實現即時資料更新與畫面同步，提供即時性與準確度兼具的互動服務，整體系統兼具實用性、易用性與現場應用彈性。

本專案為臺灣戲曲中心建置的即時廁所看板系統，整合 IoT 硬體設備，提供場館內各樓層洗手間與無障礙設施的使用狀態與人流資訊。使用者可透過安裝於現場的顯示螢幕，即時掌握當前廁所的排隊情況與設備使用狀況。前端介面以 Vue 開發，顯示內容包含場館名稱、天氣、目前時間、廁所位置地圖與設備狀態，並透過色彩標示提升視覺辨識效率。前端實作負責接收後端透過 Socket.IO 傳輸的即時資料，並建置狀態監聽與畫面自動更新機制，確保資訊呈現即時、穩定且直觀，強化整體使用體驗與現場導引效率。

本專案為彰化縣打石巷形象商圈活動所設計的互動式算命小遊戲，結合塔羅牌元素與網頁技術，使用者可透過網站即時查詢當日運勢。本專案為自學 React 後的首個實作作品，開發時採用 TypeScript 以提升程式碼可讀性與可維護性，並運用 Tailwind CSS 加速 UI 開發流程。整體開發週期約為一週，完成具備簡易互動體驗與主題風格一致的前端應用。

本系統為三軍總醫院運動醫學中心量身開發，主要功能為即時整合與呈現現場硬體設備資訊。透過 WebSocket 技術，即時接收並更新儀表板上的場域地圖資訊，包括患者位置、生理數據、設備使用狀況與當日報到情形等。系統前端以 Axios 串接 API，提供醫療人員快速檢視患者醫療紀錄的介面，並與多項硬體設備進行深度整合，支援遠端操作控制、即時復健影像查看與影像投放至指定螢幕等功能。

本專案為期兩個月，目標為建置公司官方網站，選用當時新推出的 Nuxt 3 作為主要開發框架，以提升網站的 SEO 表現。考量專案未搭配後端服務，採用 Nuxt Content 作為靜態內容管理工具，並針對 Markdown 文件進行樣式自訂與開發專屬元件，以實現高度客製化的文章展示。網站樣式使用 Sass 撰寫，搭配 RWD 響應式設計以支援多裝置瀏覽，並整合 AOS 實現視覺動態效果。SEO 部分涵蓋標題、關鍵字、描述與社群分享圖等設定，並透過 Nuxt SEO 套件強化搜尋引擎優化，最終完成一個兼具效能與視覺品質的官方網站。

因應公司舊版官網設計風格過時且內容長期未更新，啟動新版官方網站的重新設計與開發。考量當時對 Nuxt 框架尚不熟悉，專案採用 Vite Plugin SSR 實現伺服器端渲染，以提升網站效能與載入速度，並結合 Ranking 工具進行 SEO 優化與持續改善。開發過程中運用了 VueUse 以提升開發效率，並整合 Vue 3 Carousel 與 Particles 分別實現圖片輪播與背景動畫效果，強化網站的視覺吸引力與互動體驗。

接手本專案時，系統存在大量技術債，元件間高度耦合，任何變動皆可能影響整體運作，導致維護成本高於重構成本。為改善此狀況，與設計團隊密切合作，進行為期約四至五個月的完整介面與功能重構，全面優化使用者體驗與程式結構，提升系統的穩定性與可維護性。重構期間同步擴充多項功能，包括新增多種職業類型、圖鑑功能與公告模組，並增加可飼養獅子的選項，強化遊戲的深度與玩家的操作彈性。截至目前，該遊戲已累積 2,423 位玩家參與，並持續穩定成長中。

在參與該專案的兩年間，負責開發共六款互動遊戲，分別為「經營大亨」、「魔法寶石大冒險」、「快門冒險」、「夢畫奇緣」、「菜鳥出任務」與「自給自足大冒險」，內容涵蓋益智、闖關、經營等多種類型。初期以 Vue 進行開發，後期導入 React 框架，並成功應用於後續遊戲製作中，提升前端開發效率與維護性。六款遊戲上線後累積總遊玩次數超過 9,500 次，提升了用戶互動率與專案整體成效。

本專案為一套後台系統，提供網站前台內容管理與數據分析功能。主要功能包含：技職大玩 JOB 網站流量數據分析、Google Analytics 數據視覺化展示、電子報及寄送群組管理（含 CRUD 操作）、梅克獅公告與背景管理（含 CRUD 操作）、以及帳號管理等。系統使用 ECharts 實作資料視覺化，並透過 Quill 富文本編輯器進行電子報與公告內容的編輯與管理。

本專案為參與前端培訓課程期間的團體專題，並首次擔任團隊組長角色。前端採用 Vue 作為開發框架，後端使用 PHP 搭配 MySQL。團隊成員各自負責專案中特定頁面的設計與開發，並撰寫對應的 API 以與資料庫互動。專案期間首次導入 Git 進行版本控制，並透過 GitHub 進行協作與代碼管理。初期團隊對 Git 操作尚不熟悉，過程中遇到多次合併與操作問題，最終透過協作與學習逐步建立開發流程，順利完成專案。

這個網站是於完成 HTML、CSS 與 JavaScript 基礎課程後所製作的第一個完整專案，同時作為前端培訓課程中的個人期末專題。專案內容涵蓋網站架構規劃、設計規範制定、Wireframe 與 Mockup 製作，以及網站開發等完整流程，均由本人獨立完成。在實作過程中，累積了大量實務經驗，並於結業成果發表中獲得「最佳網站」第三名及「介面設計」第三名的獎項肯定。