https://github.com/ummamali/tictactoe
A simple Tic-Tac-Toe game built in React, featuring an interactive UI where two players take turns marking Xs and Os on a 3x3 grid. The game highlights the winner or a draw and allows resetting for a new round. It maintains game state using React hooks and ensures a smooth, responsive experience with minimalistic design.
https://github.com/ummamali/tictactoe
css3 game html5 nodejs reacthooks reactjs reactjscomponents responsive-design singlepageapplication tailwindcss vitejs
Last synced: 2 months ago
JSON representation
A simple Tic-Tac-Toe game built in React, featuring an interactive UI where two players take turns marking Xs and Os on a 3x3 grid. The game highlights the winner or a draw and allows resetting for a new round. It maintains game state using React hooks and ensures a smooth, responsive experience with minimalistic design.
- Host: GitHub
- URL: https://github.com/ummamali/tictactoe
- Owner: Ummamali
- Created: 2024-11-13T13:17:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-17T09:28:42.000Z (over 1 year ago)
- Last Synced: 2025-10-24T10:55:32.913Z (8 months ago)
- Topics: css3, game, html5, nodejs, reacthooks, reactjs, reactjscomponents, responsive-design, singlepageapplication, tailwindcss, vitejs
- Language: JavaScript
- Homepage:
- Size: 443 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TicTacToe 🎮
A modern, interactive Tic Tac Toe game built with React, JavaScript, HTML, and CSS. Styled with Tailwind CSS for a sleek, responsive design. Powered by Vite for a fast and efficient development experience.
---
## 🚀 Features
- **Interactive Gameplay:** Enjoy the classic Tic Tac Toe game with intuitive UI.
- **Responsive Design:** Fully responsive layout, thanks to Tailwind CSS.
- **Real-Time Updates:** React state management ensures seamless updates during gameplay.
- **Lightweight & Fast:** Developed using Vite for super-fast development and optimized build outputs.
---
## 🛠️ Technologies Used
- **Frontend:** React, JavaScript, HTML, CSS
- **Styling:** Tailwind CSS
- **Build Tool:** Vite
---
## 📂 Project Setup
### Prerequisites
Make sure you have the following installed on your system:
- **Node.js** (v14 or later)
- **npm** or **yarn**
### Installation Steps
1. **Clone the Repository**
```bash
git clone https://github.com/ummamali/tictactoe.git
cd tictactoe
npm run build
```