features:
- Fully functional tic tac toe game.
- There's a move history list on the right, that allows sorting in either ascending or descending order.
- (and here's the time traveling part): the history on the right is clickable, allowing to navigate through all the states that the game has been in. The game is still playable after "time-traveling", allowing to try out new solutions/alternatives.
- When someone wins the three squares that caused the win are hightlighted, with a nice CSS background animation.
- When no one wins, a message stating that the result is a draw is displayed.
This project was built as part of the "Intro to React" tutorial. Most of the focus was on the js code, with minimal attention to CSS, UI or general appeal. This should be improved in the following versions (centered in the ui, proper spacing/padding to the history on the right, bigger buttons)
This project was bootstrapped with Create React App.
Alternatively, you can clone this repo, and in the project directory, you can run:
That will download all the dependencies. afterwards, you can run:
To run the app in the development mode.
Open http://localhost:3000 to view it in the browser.