A small interactive tic-tac-toe game with React.
This game:
- Lets you play tic-tac-toe.
- Indicates when a player has won the game.
- Indicates if opponents played in a draw.
- Stores a game’s history as a game progresses.
- Allows players to review a game’s history and see previous versions of a game’s board.
The game is available on my GitHub pages.
This project was bootstrapped with Create React App.
There is a room for further improvements for this application. Below are some ideas:
- Display the location for each move in the format (col, row) in the move history list.
- Bold the currently selected item in the move list.
- Rewrite Board to use two loops to make the squares instead of hardcoding them.
- Add a toggle button that lets you sort the moves in either ascending or descending order.
- When someone wins, highlight the three squares that caused the win.
- Style the game using React Bootstrap.
- Tutorial: Intro to React. Available online. Last visited: August 13, 2021.