https://github.com/sanketjaswal/tictactoe

A simple Tic Tac Toe game built with React, featuring a responsive grid for two players, real-time updates, and score tracking. Enjoy quick matches with an intuitive interface!
https://github.com/sanketjaswal/tictactoe

react styled-components

Last synced: 9 days ago
JSON representation

A simple Tic Tac Toe game built with React, featuring a responsive grid for two players, real-time updates, and score tracking. Enjoy quick matches with an intuitive interface!

• Host: GitHub
• URL: https://github.com/sanketjaswal/tictactoe
• Owner: sanketjaswal
• Created: 2024-11-05T08:24:56.000Z (13 days ago)
• Default Branch: master
• Last Pushed: 2024-11-05T09:05:26.000Z (13 days ago)
• Last Synced: 2024-11-05T09:27:36.486Z (13 days ago)
• Topics: react, styled-components
• Language: JavaScript
• Homepage: https://tic-tac-toe-lake-nine-36.vercel.app/
• Size: 205 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tic Tac Toe

### Overview

A simple Tic Tac Toe game built with React, featuring a responsive grid for two players, real-time updates, and score tracking. Enjoy quick matches with an intuitive interface!

## Features

- **Score**: See the number of wins of each participant in the game.

- **Real-Time Gameplay**: See moves updated instantly on the board.

- **Instant Results**: See instant results for the game winner.

- **Easy Restart**: Reset the game with a single click after each round.

## Game Link

[https://tic-tac-toe-lake-nine-36.vercel.app](https://tic-tac-toe-lake-nine-36.vercel.app)

## Usage

- Enter 2 player names participatnig in the game.

- Players take turns clicking on the grid to place their mark (X or O).

- The game automatically detects a win or a draw.

- Click the "Restart" button to start a new game.

## Setup Instructions

### 1. Clone the repository

```shell

git clone https://github.com/sanketjaswal/TicTacToe.git

```

### 2. Install dependencies

```shell

npm install

```

### 3. Start the application

```shell

npm start

```

This will run the app in development mode in http://localhost:3000.

## Dependencies

Below is a list of dependencies used in the project:

- **[React](https://www.npmjs.com/package/react)**: Frontend library for building user interfaces.

- **[Styled-Components](https://www.npmjs.com/package/styled-components)**: For creating styled React components with scoped CSS.

# Conclusion

Enjoy playing the classic Tic Tac Toe game, built with React for a seamless and interactive experience! Have Fun!