The famous paper and pencil game built using functional ReactJs that can undo and redo moves, and contains customizations such as difficulty, and board size. To have a quick demo of the game click here.
Fork this repository.
Clone the repository through terminal by running git clone [email protected]:{YOUR_USERNAME}/tic-tac-toe.git
Install Node.js
Install React
Go to the package.json file and change the "http://{username}.github.io/tic-tac-toe"
to your user name
Use the package manager npm to install the dependencies this project requires.
- Install the dependencies
npm install
- Start up the project
npm start
node.js (v12.13.1 or above)
Material UI (v4.9.14 or above)
ReactJs (16.13.1 or above)
On the opening screen, you choose your player character and what difficulty to play on. After you are sent to the play screen where you click on the square you would like to place your chosen character. You can undo/redo any moves you and the opponent has made through the buttons at the bottom. When the game ends there will be a result button telling you the results and an option to start a new game.
This is the start screen of the webpage
This is the screen when playing the game
This is the screen when the game has concluded
- Material UI - The styling library used
- React - The web framework used
- Node.js - The runtime environment used