To celebrate my first year using React, I build a Tic-Tac-Toe based on the first project I ever did with React. This project is a test driven development using React Testing Library and Jest. Unlike the first project, this project has better styling and many other features mentioned below.
- Game class to track state of a game.
- User can go to a previous game state.
- useReducer is used to keep track an array of Game states that have been played.
- Components and useReducer functions are fully tested and contain their own test file
.test
. - Game displays which player is next and if the game is over.
- Users can choose to display or not to display previous games.
- Play Again button appears when the game is over and when clicked it resets the game.
- Compatible for mobile devices.
- Compatible for accessibility.
- Compatible for user system's theme preference (Light or Dark theme).