https://github.com/redhatpixel/tic-tac-toe
A two-player game where players take turns marking their symbol on a 3 by 3 grid, aiming to be the first to get three of their marks in a row, column, or diagonal.
https://github.com/redhatpixel/tic-tac-toe
Last synced: 10 months ago
JSON representation
A two-player game where players take turns marking their symbol on a 3 by 3 grid, aiming to be the first to get three of their marks in a row, column, or diagonal.
- Host: GitHub
- URL: https://github.com/redhatpixel/tic-tac-toe
- Owner: RedHatPixel
- License: mit
- Created: 2024-06-04T08:05:56.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-11T08:01:26.000Z (almost 2 years ago)
- Last Synced: 2025-05-23T23:37:07.255Z (about 1 year ago)
- Language: HTML
- Homepage: https://redhatpixel.github.io/tic-tac-toe/
- Size: 19.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tic Tac Toe Game
Welcome to the Tic Tac Toe game! This repository contains the code for a classic two-player game where players take turns marking Xs and Os on a 3x3 grid. The game was for educational purposes only and to further my knowledge and skills for html, css and javascript.
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Game Rules](#game-rules)
- [Content](#content)
- [Google Fonts](#google-fonts)
- [Colors](#colors)
- [Contributing](#contributing)
- [License](#license)
## Introduction
Tic Tac Toe is a simple and classic game where two players compete to place three of their marks (X or O) in a horizontal, vertical, or diagonal row. This project brings the game to life with a clean and interactive interface.
## Features
- **Two-Player Mode**: Play against a friend.
- **Interactive Interface**: User-friendly interface with responsive design.
- **Winning Detection**: Automatically detects and announces the winner.
## Installation
To run the Tic Tac Toe game locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/RedHatPixel/tic-tac-toe.git
```
2. **Navigate to the project directory**:
```bash
cd tic-tac-toe
```
3. **Install dependencies** (if applicable):
```bash
npm install
```
or
```bash
pip install -r requirements.txt
```
(Depending on whether the project uses JavaScript/Node.js or Python)
4. **Run the game**:
- For a web-based game:
```bash
npm start
```
## Usage
Once the game is running, follow the on-screen instructions to start playing:
1. **Start the game**: Choose if multiplayer or AI(under process).
2. **Make your move**: Click on an empty cell in the grid to place your mark.
3. **Alternate turns**: Players take turns placing their marks on the grid.
4. **Win the game**: The first player to get three marks in a row (horizontally, vertically, or diagonally) wins. If all cells are filled without a winner, the game is a draw.
5. **Continue**: Click Play Again to keep the scores or go back by clicking Exit.
## Game Rules
- Players take turns placing Xs and Os on an empty cell in the grid.
- The first player to get three marks in a row, column, or diagonal wins.
- If all cells are filled without a winner, the game ends in a draw.
## Content
### Google Fonts
- **Font Name**: [Fredoka](https://fonts.google.com/specimen/Fredoka)
### Colors
- **Title Color 1**: #DCBF3F;
- **Title Color 2**: #72CFF9;
- **Background Color**: #2B0040;
- **Cell BG**: #43115B;
- **Main BG**: #5A1E76;
- **Player Color**: #48D2FE;
- **Draw Color**: #BCDBF9;
- **Opponent Color**: #E2BE00;
## Contributing
We welcome contributions to improve the game! If you'd like to contribute, please follow these steps:
1. **Fork the repository**.
2. **Create a new branch** for your feature or bug fix:
```bash
git checkout -b feature-name
```
3. **Make your changes** and commit them:
```bash
git commit -m "Add new feature"
```
4. **Push to the branch**:
```bash
git push origin feature-name
```
5. **Create a pull request** on GitHub.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
---
Feel free to reach out if you have any questions or need further assistance. Enjoy playing Tic Tac Toe!
---
This template provides a comprehensive overview of your Tic Tac Toe game, including setup instructions, gameplay rules, and guidelines for contributing, along with details about the fonts, colors, and sounds used in the project.
---
The design was a copy or inspired by Anuj Tic-Tac-Toe in Figma, The link was down below.
[https://www.figma.com/community/file/1254192154560627135](https://www.figma.com/community/file/1254192154560627135/tic-tac-toe)