Skip to content

Safwan-Mohammed/Tic-Tac-Toe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tic-Tac-Toe

Tic-Tac-Toe Game is designed for two players to take turns playing the classic game of Tic-Tac-Toe on the same local system. This README provides an overview of the project, its features, and how to set it up for development or use.

Table of Contents

Features

Player Interaction

  • The game consists of three webpages. The first webpage contains a start button to initiate the game. The second webpage allows the first player to choose their marker (X or O), and the third webpage is where the game is played.

Gameplay

  • Players take alternate turns to place their chosen marker on the Tic-Tac-Toe board by clicking on the cells.

Win Animation

  • When a player wins the game, the winning pattern gets animated on the board.

Score Tracking

  • The top of the game page displays the scores for Player 1, Player 2, and draws. The scores are updated as the game progresses.

New Game Popup

  • After a match ends, a popup appears, allowing players to start a new game or continue the game with previous scores.

Technologies Used

The Tic-Tac-Toe Game project is built using the following technologies:

  • HTML
  • CSS
  • JavaScript

Getting Started

To set up the project for local development or use, follow these steps:

Clone the Repository

Clone this GitHub repository to your local machine.

Web Server Setup

You will need a web server to host the project files since it involves local multiplayer functionality. You can use a local development environment or a cloud-based server.

Usage

Start a New Game

  1. Navigate to the first webpage and click the "Start" button to initiate the game.
  2. The second webpage will allow the first player to choose their marker (X or O).
  3. The third webpage is where the game is played. Players take turns to make their moves.

Gameplay

  1. Click on the empty cells on the Tic-Tac-Toe board to place your chosen marker.
  2. The game will notify you if you win, lose, or the game ends in a draw.
  3. The scores at the top of the page will update accordingly.

New Game Popup

After a match ends, a popup will appear, allowing players to start a new game or continue the game with previous scores.

Screenshots

image image image image image

About

Interactive Tic-Tac-Toe game

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors