Next.js 15 + Shadcn UI AI 國際象棋

使用 nextjs-15-starter-shadcn 模板開發

本專案基於 Next.js 15 + React 19 + TypeScript 5 + Tailwind CSS 4 + Shadcn UI，並整合現代化國際象棋遊戲功能與美觀UI。

🧩 主要功能

• 響應式國際象棋棋盤：手機滿版、桌面適中，支援深色/淺色主題
• 完整走棋規則：包含兵升變、王車易位、AI對手、悔棋、分數評估
• AI難度調整：入門、初級、中級、高級
• 分數進度條與吃子記錄：即時顯示雙方評分與吃子狀況
• 視覺提示開關：攻擊、威脅、AI建議可獨立切換
• 主題切換：支援系統、Light、Dark模式，精緻切換按鈕
• 美觀UI：Shadcn UI元件、圓角設計、現代化配色
• 王車易位：支援O-O、O-O-O，並自動判斷合法性
• 兵升變：到底線可選擇升變棋子
• 走棋記錄：時間軸式顯示所有棋步與評分

🖼️ 介面預覽

⚡ 安裝與啟動

1. 安裝依賴

   npm install
   # 或 bun install / yarn install / pnpm install

2. 啟動開發伺服器

   npm run dev
   # 或 bun dev / yarn dev / pnpm dev

📝 特色說明

• 棋盤UI：自動適應裝置，棋子在Light/Dark模式下皆清晰可辨
• 主題切換：圓角小按鈕，三種主題一鍵切換
• 王車易位：只要王和車未移動且路徑無阻礙，即可O-O/O-O-O
• 兵升變：兵到底線時彈窗選擇升變棋子
• 分數評估：根據棋盤局勢即時計算，進度條顯示雙方優勢
• 悔棋功能：可撤銷玩家與AI的上一步
• 視覺提示：攻擊、威脅、AI建議可獨立開關
• 吃子記錄：顯示雙方已吃掉的棋子

🏁 其他

• Docker支援：可用 Dockerfile 或 Dockerfile.bun 部署
• ESLint/Prettier/Tailwind：完整前端開發工具鏈
• MIT 授權

---

Made with ❤️ by Next.js + Shadcn UI + Tailwind CSS