mohamedismail53 / tic-tac-toe-game

🧩 This is a tic tac toe game implemented using HTML & CSS & vanilla JavaScript.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

About

tic tac toe is a 2 player offline game that I built only using HTML & CSS & JavaScript to enhance my skills in them. for a live demo, you can click here.

Build with

  • HTML
  • CSS
  • JavaScript

Getting Started

The instructions needed to set up the project locally on your machine, to get a local copy of the project does the following instructions.

Installation

  1. Clone the repository
$ git clone https://github.com/mohamedismail53/tic-tac-toe-game.git
  1. Navigate to repository directory
$ cd tic-tac-toe-game
  1. Open on vscode
$ code .

Running

Click go live to use the go live extension and then insert in the bowser

$ http://localhost:5500/

Screenshots

  1. Landing Page.
  • image
  1. Trying to start the game without setting the players' names.
  • image
  1. Trying to start the game with setting one player name.
  • image
  1. The Game Grid show aftre setting 2 players' names and then clicking Start New Game Button.
  • image
  1. The first player wins this round
  • image
  1. After Starting a New Game by clicking Start New Game Button The second player wins this round.
  • image
  1. After Starting a New Game by clicking Start New Game Button the round draw and no player win.
  • image

About

🧩 This is a tic tac toe game implemented using HTML & CSS & vanilla JavaScript.


Languages

Language:JavaScript 47.8%Language:CSS 27.6%Language:HTML 24.6%