Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ayusharyan143/tic-tac-toe-react

A classic Tic-Tac-Toe game built with React, featuring dynamic gameplay, score tracking, and a responsive design.
https://github.com/ayusharyan143/tic-tac-toe-react

Last synced: 29 days ago
JSON representation

A classic Tic-Tac-Toe game built with React, featuring dynamic gameplay, score tracking, and a responsive design.

Awesome Lists containing this project

README

        

# Tic-Tac-Toe React

A classic Tic-Tac-Toe game implemented using React. This project features a dynamic gameplay experience, score tracking, and a responsive design.

![image](https://github.com/user-attachments/assets/2b08bf5b-745e-4e28-8bd3-f4c01f648bad)

## Table of Contents

- [Features](#features)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Acknowledgements](#acknowledgements)

## Features

- **Interactive Gameplay**: Play Tic-Tac-Toe with alternating turns for 'X' and 'O'.
- **Win and Tie Detection**: Automatically detects and displays the winner or a tie.
- **Score Tracking**: Keeps track of scores for each player with a reset option.
- **Game History**: Displays the history of moves made during the game.
- **Responsive Design**: Adapts to different screen sizes and devices.
- **Enhanced UI**: Stylish and interactive user interface with hover effects.

## Getting Started

To get a local copy of this project up and running, follow these steps:

1. **Clone the Repository**
```bash
git clone https://github.com/your-username/tic-tac-toe-react.git

2. **Navigate to the Project Directory**
```bash
cd tic-tac-toe-react

3. **Install Dependencies**
```bash
npm install

4. **Start the Development Server**
```bash
npm start

## Usage

- **Play the Game:** Click on the cells to place 'X' or 'O' and check for a win or tie.
- **Reset Game:** Click the "Reset Game" button to start a new game.
- **Reset Scores:** Click the "Reset Scores" button to reset the score for both players.

## Contributing

Contributions are welcome! Please follow these guidelines:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature/your-feature`).
3. Commit your changes (`git commit -am 'Add new feature'`).
4. Push to the branch (`git push origin feature/your-feature`).
5. Create a new Pull Request.

For more details, check the contributing guide.

## License

Distributed under the MIT License. See LICENSE for more information.

## Acknowledgements

- **React:** JavaScript library for building user interfaces
- **GitHub:** For hosting the code
- **Icons:** For providing icons