https://github.com/immortalwebdev/tic-tac-toe
A sleek Tic Tac Toe game built with React. Features include responsive design, dynamic win detection, and smooth animations. Perfect for a quick game, with an intuitive UI and a focus on performance. Ideal for showcasing React skills, this project is both fun to play and easy to extend.
https://github.com/immortalwebdev/tic-tac-toe
js react react-dom sweetalert2 vercel-deployment vite
Last synced: about 2 months ago
JSON representation
A sleek Tic Tac Toe game built with React. Features include responsive design, dynamic win detection, and smooth animations. Perfect for a quick game, with an intuitive UI and a focus on performance. Ideal for showcasing React skills, this project is both fun to play and easy to extend.
- Host: GitHub
- URL: https://github.com/immortalwebdev/tic-tac-toe
- Owner: immortalWebDev
- Created: 2024-09-03T11:08:17.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-21T21:05:32.000Z (over 1 year ago)
- Last Synced: 2025-01-21T22:18:50.144Z (over 1 year ago)
- Topics: js, react, react-dom, sweetalert2, vercel-deployment, vite
- Language: JavaScript
- Homepage: https://tic-tac-toe-piyush.vercel.app
- Size: 75.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🎮 Tic Tac Toe Game
Welcome to the Tic Tac Toe game, a classic and addictive game built with React! Challenge yourself or a friend in this fun and interactive web version of the timeless game.
### 🚀 Live Demo
- Follow this link to play now!
- http://localhost:xxxx
### 📋 Game Rules:
- The game is played on a 3x3 grid.
- Players take turns placing their mark (X or O) in an empty square.
- The first player to get 3 of their marks in a row (vertically, horizontally, or diagonally) wins.
- If all 9 squares are filled and no player has 3 in a row, the game is a draw.
### 💻 Features:
- Two-Player Mode: Play against a friend.
- Interactive UI: Simple and user-friendly interface.
- Responsive Design: Works on both desktop and mobile devices.
- SweetAlerts for Game Events: Engaging notifications for wins, losses, and draws.
### 🛠️ Tech Stack
- React: JavaScript library for building user interfaces.
- CSS: For styling and responsive design.
- SweetAlert2: For beautiful alerts and pop-ups.
### 🧩 Getting Started
Follow these instructions to set up the project on your local machine:
#### Prerequisites:
- Make sure you have Node.js and npm (or yarn) installed.
- Clone the repository:
- ```git clone https://github.com/immortalWebDev/Tic-tac-toe.git```
- ```cd tic-tac-toe```
- Install dependencies
- ```npm install```
- Run the development server
- ```npm start```
Open your browser and navigate to http://localhost:xxxx to start playing!
### 🤝 Contributing
Feel free to submit issues, fork the repository, and send pull requests! Contributions are always welcome. For major changes, please open an issue first to discuss what you would like to change.
### 📜 License
This project is licensed under the MIT License.
### 📧 Contact
- Created by Piyush with ❤ (pgbadgujar007@gmail.com)
- Feel free to reach out for any questions or collaboration opportunities!