Tic Tac Toe game

Project description

This project is an implementation of the tic-tac-toe game.

This project was done for learning purpose, the aim was to master objects, objects constructors and factories in javascript. The project's specifications are listed on The odin project

Screenshot

Built with

• HTML5
• CSS3
• Vanilla Javascript
• Webpack

Features

• User can start a new game
• User see who the winner of the game is
• If there is no winner, a draw is indicated
• User can play as many games as they want

Deployment

Play Tic Tac Toe game on netlify

Running and testing it locally

Setup

• Run git clone https://github.com/bluette1/tic-tac-toe && cd tic-tac-toe to get a copy of source codes on your local computer and to navigate inside the project directory

Usage

• Run yarn to install dependencies

• Run yarn dev to run this app in development environment or yarn start to run this project in production environment

Game Instructions

• For details about the tic tac toe game, read here.
• Click Start New Game
• Enter the player's names
• Play by adding an X or O mark on the board until there's a winner(i.e there exists a row, column or diagonal that is filled with the same mark.
• The winner is declared, and the user can start a new game by clicking on the Play Again button.

Tests

• You can run tests using the following commands

yarn test

Contributions

There are two ways of contributing to this project:

1. If you see something wrong or not working, please check the issue tracker section, if that problem you met is not in already opened issues then open a new issue by clicking on new issue button.

2. If you have a solution to that, and you are willing to work on it, follow the below steps to contribute:

   1. Fork this repository
   2. Clone it on your local computer by running git clone https://github.com/your-username/tic-tac-toe.git Replace your username with the username you use on github
   3. Open the cloned repository which appears as a folder on your local computer with your favorite code editor
   4. Create a separate branch off the master branch,
   5. Write your codes which fix the issue you found
   6. Commit and push the branch you created
   7. Raise a pull request, comparing your new created branch with our original master branch here

Author

👤 Mugirase Emmanuel

• Github: @descholar-ceo
• Twitter: @descholar3
• Linkedin: MUGIRASE Emmanuel

👤 Marylene Sawyer

• Github: @Bluette1
• Twitter: @MaryleneSawyer
• Linkedin: Marylene Sawyer

Show your support

Give a ⭐️ if you like this project!

Acknowledgment

• Microverse