作品集

從團隊專案、前端切版到小遊戲，記錄我「服裝設計 → 程式設計」這條路上的足跡。🧵→💻
點縮圖即可開啟 demo（新分頁開啟）。

🌟 團隊專案

蛤班 HaBan — 人力資源媒合平台

Build School 畢業專案 · 2023 · 6 人團隊・我擔任組長

技術：C# / ASP.NET Core MVC / SQL Server / Vue.js / Azure DevOps
架構：Repository / Service 分層、DI、CI/CD Pipeline
亮點：導入 Redis 快取，分類表載入效率提升 6.5 倍

⚠️ 網站目前已下線，暫無 live demo。

📄 完整切版專案

含輪播的形象首頁

🎮 小遊戲 & 互動（JavaScript）

霓虹風數字推理遊戲

小瑪莉・巧虎版

巧虎換皮跑馬燈拉霸

Apple 官網模擬

iPad Air 產品頁互動

月曆與日期運算

休閒農場地圖

全台休閒農場（農業部開放資料）

即時站點地圖（YouBike 2.0）

經典猜數字

跑馬燈拉霸原版

行銷佔比圖表

資料視覺化

LoL 角色轉表格

資料渲染練習

🎨 切版練習（HTML / CSS）

電商頁切版

汽車品牌頁

Hawaii（RWD）

響應式版面

Toyota 轉 Grid

CSS Grid 重構

RWD 格線切版

12 欄格線系統

格線卡片練習

Grid 卡片排版

Shopline（Bootstrap）

Bootstrap 重製

🎬 動畫／平面／3D 作品集

互動作品集

Adobe Animate 進場動畫，點「Click Me」進入動畫／平面／3D 作品集