首頁專案文章關於我

井字遊戲

可以穿梭時空的井字遊戲

GitGitHubTailwind CSSTypeScriptReactNext.js

SITE

開啟網站

井字遊戲 專案主視覺

成員

  1. 網站前端

時間

2023/01, 2025/08

產出

網頁

說明

依照 React 官方文件的教學完成基本功能

  • 工具:React + JavaScript + CSS
  • 實作九宮格,每次點擊空格的時候輪流標記 X 或 O
  • 如果有連線就顯示勝利者,所有空格皆有標記的時候顯示平手
  • 記錄回合歷史,可以點擊回合按鈕回到過去
  • 在過去回合點擊空格可以創造新的未來

之後再加入其它自行修改的部分

  • 工具:Next.js + TypeScript + Tailwind CSS + Lucide icons
  • 回合歷史的目前回合改用文字顯示
  • 九宮格的空格原本是寫死的,改用迴圈產生
  • 回合歷史原本放在右側,移到下方