This project was bootstrapped with Create React App.
The base of it was to go through the react tutorial at Tutorial: Intro to React, including implementing the improvements they list at the end of the tutorial, and then I added additional features and flexibility to the app.
- 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.
- When no one wins, display a message about the result being a draw.
- The tic-tac-toe board is designed to support any dimension n x n, rather than just 3 x 3
In the project directory, you can run:
npm start
npm run build