This is an implementation of the Tic Tac Toe game in JavaScript. You can play this game in your browser.
Tic tac toe is a game in which two players seek alternate turns to complete a row, a column, or a diagonal with either three O's or three X's drawn in the spaces of a grid of nine squares; noughts and crosses.
This is part of the Ordin projects from the microverse curriculum.
-
Once you navigate the home page, Click the start button.
-
A form will pop up prompting you to enter your name. Please enter your name, or the game will by default give you names PlayerOne and PlayerTwo.
-
The game instructions will change per each member's turn and name prompting you to take a position on the board. The first player takes X and the next takes O mark on the board.
-
The game ends when one of the players gets all his X's or O's in a row, column or diagonal and a congratulatory message is sent to him with his name.
-
The game also ends in a draw if none of the players has their X's or O's in a line and the board is full.
-
You can play again by clicking on the Play Again button or Quit
To comfortably use this project, prior knowledge of the following is ideal
- HTML and CSS
- Javascript
- Eslint
- Bootstrap 4
Run
git clone https://github.com/Tresor11/Tic-Tac-Toe-Js/tree/features
to clone this project to your local machine.
npm install
to get the dependencies
webpack --watch
to make your main.js up-to-date
cd dist
to navigate to the HTML file, open your live server and you should be good to go
to run the test type
npm run test
👤 Tresor
- Github: @Tresor11
👤 Phemia
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!