Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mch-fauzy/tic-tac-toe-game
Tic Tac Toe game built with React and Chakra UI
https://github.com/mch-fauzy/tic-tac-toe-game
chakra-ui javascript react
Last synced: 1 day ago
JSON representation
Tic Tac Toe game built with React and Chakra UI
- Host: GitHub
- URL: https://github.com/mch-fauzy/tic-tac-toe-game
- Owner: mch-fauzy
- License: mit
- Created: 2023-08-26T11:23:33.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-26T12:11:05.000Z (about 1 year ago)
- Last Synced: 2023-08-26T12:53:39.182Z (about 1 year ago)
- Topics: chakra-ui, javascript, react
- Language: JavaScript
- Homepage:
- Size: 377 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tic Tac Toe Game
This is a basic implementation of the Tic Tac Toe game built with React Vite and Chakra UI. The game features a simple interface where two players can take turns to play. The game will display the winner or a draw when the game ends.
You can play the game in [here](https://tic-tac-toe-game-silk-chi.vercel.app/) or deploy it manually below.
## Table of Contents
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## Features
- Interactive game board
- Player turns indicated with "X" and "O"
- Winning line highlighted with a red color
- Restart button to reset the game
- Responsive design using Chakra UI components
## Installation
1. Clone this repository to your local machine:
```
git clone https://github.com/mch-fauzy/tic-tac-toe-game.git
```
2. Navigate to the project directory:
```
cd tic-tac-toe-game
```
3. Install the required dependencies:
```
npm install
```
## Usage
1. Start the development server:
```
npm run dev
```
2. Open your web browser and go to `http://localhost:5173` to play the game.
3. Players can take turns by clicking on the empty squares. The game will display the winner or a draw when the game ends.
4. Click the "Restart" button to start a new game.
## Contributing
Contributions are welcome! If you find any issues or want to contribute improvements, feel free to open a pull request.
## License
This project is licensed under the [MIT License](LICENSE).