Tic Tac Toe
- Navigate to repo
- Clone locally using
git clone firstname.lastname@example.org:janephilipps/tic-tac-toe.git
- Install dependencies using
- Run tests using
- Start your server using
- Navigate to app in browser
The technologies I used to build this app are: HTML, CSS, React, Jest, and Enzyme. I used create-react-app to generate the scaffolding for this app.
Build a two player tic tac toe app where a game is played by alternating clicks until the game is won by X, O or is a tie.
I added a
message that displays which player's turn it is based on the number of turns taken. The
message also displays whether a player has won or if there is a tie.
Include a reset button so that when a game ends, the board can be cleared and a new game can begin.
The reset button calls a method
_resetBoard() which calls another method
_getInitialState() to reset the board.
Make the board fully responsive
I used the
vmin unit of measure to make the
border of the squares fully responsive.
Allow for more than 1 game to be played simultaneously
I have a state within the
App that keeps track of the number of boards. Because each board also has its own state, gameplay across multiple boards can happen simultaneously without interference.