Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/krish-makadiya/tic-tac-toe-game

A web-based Tic-Tac-Toe game built with HTML, CSS, and JavaScript. It offers interactive two-player gameplay, a responsive design, and a reset option for continuous fun.
https://github.com/krish-makadiya/tic-tac-toe-game

beginner-project browser-game classic-game css frontend game grid-based-game html interactive-game javascript reset-feature responsive-design tic-tac-toe two-player web-development

Last synced: about 9 hours ago
JSON representation

A web-based Tic-Tac-Toe game built with HTML, CSS, and JavaScript. It offers interactive two-player gameplay, a responsive design, and a reset option for continuous fun.

Awesome Lists containing this project

README

        

# Tic-Tac-Toe Game

This Tic-Tac-Toe game is a web-based implementation of the classic two-player game, crafted using **HTML**, **CSS**, and **JavaScript**. It features a user-friendly interface and interactive gameplay, allowing two players to take turns marking spaces in a 3x3 grid with 'X' and 'O'.

Live Game Link: https://krishmakadiya-tictactoe.netlify.app

---

## Features
- Interactive two-player gameplay
- Highlighting of winning combinations
- Option to reset the game board
- Simple and responsive design

---

## Prerequisites
To run this project, all you need is a modern web browser.

---

## Installation and Usage
Follow these steps to download and run the game:

### 1. Clone the Repository
```bash
git clone
cd
```

### 2. Open the Game
Simply open the `index.html` file in your web browser:

1. Navigate to the project folder.
2. Double-click on `index.html` or open it with your preferred browser.

---

## How to Play
1. The game is played on a 3x3 grid.
2. Two players take turns to mark a square with 'X' or 'O'.
3. The first player to get three marks in a row (horizontally, vertically, or diagonally) wins.
4. If all squares are filled and no player has won, the game ends in a draw.
5. Use the "Reset" button to start a new game.

---

## Folder Structure
```
project-folder/
|
|-- index.html # Main HTML file
|-- style.css # CSS file for styling
|-- script.js # JavaScript file for game logic
|-- assets/ # (Optional) Folder for images or additional assets
```

---

## Contributing
Contributions are welcome! Feel free to fork the repository and submit pull requests for improvements or new features.

---

## Contact
For any queries or feedback, reach out to **Krish Makadiya | [email protected]**.