鐵人檔案
這次挑戰將在30天內，使用 HTML、CSS、JavaScript 以及現代前端工具（例如：React/Vue/SASS）打造一個完全前端的小遊戲網站。
每天記錄設計與開發過程，從遊戲概念發想、版型切割、角色與場景動畫、RWD響應式設計，到最終部署到 GitHub Pages/Netlify，呈現一款可線上遊玩的網頁遊戲。
全程不使用任何後端服務，純粹依靠前端技術實現完整遊戲體驗，展現 Modern Web 的互動魅力。
Day 21主題：計時器 — 加入倒數或計時功能 🎯今日目標今天要讓翻牌遊戲有時間限制或計時功能！不論是倒數挑戰模式（例如 60 秒內配完），或是記錄玩家完成時...
Day 22主題：計分系統 — 翻牌次數、分數顯示 🎯今日目標今天要讓遊戲能記錄玩家的表現！在有了計時功能之後，我們可以進一步增加「計分系統」，讓玩家能看到自己...
Day 23主題：狀態管理 — 完成開始/結束/重新開始功能 🎯今日目標今天要讓遊戲擁有完整的流程控制，不再是一打開就能亂點卡片。核心目標： 開始遊戲 — 點...
Day 24主題：動畫微調 — 卡片翻轉流暢度、結束動畫 今日目標今天專注於遊戲的視覺與互動體驗，讓整個翻牌動作更順暢，並在遊戲結束時增加有趣的動畫效果。 主要...
Day 25主題：手機操作優化 — 測試觸控手勢與響應速度 今日目標重點是讓遊戲在手機和平板上操作流暢，確保玩家在觸控螢幕上翻牌時不會出現延遲或誤操作。 主要目...
Day 26主題：音效整合 — 音效播放優化、靜音開關 今日目標今天要讓遊戲更有沉浸感與互動性，加入音效可以讓玩家在翻牌、配對成功或失敗時有即時反饋。 主要目標...
Day 27主題：Bug修正 — 測試所有流程並修復問題 今日目標今天專注於遊戲品質保證，全面檢查所有功能並修正錯誤，確保遊戲流程穩定無誤。 主要目標： 測試...
Day 28主題：UI細節 — 美化按鈕、字體、過場效果 今日目標今天專注於遊戲介面的最後潤飾，讓玩家操作時感覺更舒適與專業。 主要目標： 按鈕美化 — 將開...
Day 29主題：最終測試 — 全流程檢查與效能優化 今日目標今天專注於遊戲的最終檢查與微調，確保遊戲完整、順暢且無重大問題。 主要目標： 全流程測試 — 從...
Day 30主題：最終收尾與部署 — 完整遊戲完成與發布準備 今日目標今天是30 天鐵人賽的最後一天，重點是把整個遊戲做最後整理、收尾和部署，確保成品完整、穩定...
