此專案使用 React 實作新接龍,使用到的技術包括:
- ReactJS
- Redux
- Redux Thunk
- Styled Component
新接龍相關的邏輯,集中在 Redux Actions
- New Game: 開啟新牌局
- Restart: 重啟目前牌局
- Hint: 顯示提示
- Undo: 回到上一步
- Double Click: 自動移動到可移動位置
- Drag & Drop: 拖放到合法位置(根據新接龍規則)
- 開啟新牌局
- 重啟目前牌局
- 顯示提示
- 回到上一步
- 點擊兩下,自動移動到可移動位置
- 拖放到合法位置
- 單張或多張拖放
- 起始動畫
- 點擊兩下時,卡片移動動畫
- 遊戲成功畫面
- 遊戲失敗畫面
- 遊戲計時
- 遊戲步數計算
- 遊戲步數顯示
-
yarn install
安裝專案所需依賴
-
yarn start
在本地執行專案