tic-tac-toe is a two-player game in which players take turns on a 3x3 grid and can choose pairs of icon to play with. The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.
I have re-implemented this project in NextJS to showcase my NextJS skills: tic-tac-toe-next
A separate branch named with-redux
has been created in this repository for learning purpose and to simplify state management using Redux.
Open terminal of your local machine, clone repository, run the command npm install
and then run npm start
The game controls are simple:
- Click on an empty cell to place your mark.
- The game will automatically switch turns after each move.
- The game will detect when any player has won or the game ends in a draw.
The game features include:
- A simple and intuitive user interface.
- A heading that tracks of wins and draws.
- A Play Again button to play next round and a Reset Table button that allows players to start a new game.
- Choices between desired icons pair for players.
- A score table that shows the pair of icons with which game was played and the score obtained by both players.
This game was created using React. The icons were obtained from fontawesome. The components style was obtained from bootstrap and some custom style.