Tic-Tac-Toe-Js

A fun Tic-Tac-Toe game build with javaScript

Stars
4

Tic-Tac-Toe-Js

This is an implementation of the Tic Tac Toe game in JavaScript. You can play this game in your browser. screenshot

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.

Live link

Tic Tac Toe

How to play the game

  • Once you navigate the home page, Click the start button. screenshot

  • 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. screenshot

  • 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. screenshot

  • 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. screenshot

  • 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. screenshot

  • You can play again by clicking on the Play Again button or Quit screenshot

Prerequisites

To comfortably use this project, prior knowledge of the following is ideal

  • HTML and CSS
  • Javascript
  • Eslint
  • Bootstrap 4

Setup

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

👤 Phemia

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments