🎮 Tic Tac Toe Game — React + Vite
A simple and interactive Tic Tac Toe game built using React and Vite. This project demonstrates basic React concepts like state management, component-based UI, and conditional rendering.
🔗 Live Demo: 👉 https://tic-tac-toe-react-six-sand.vercel.app/
✨ Features
✅ Classic Tic Tac Toe gameplay (2 players)
🎯 Instant win and draw detection
🔄 Restart game option
📱 Responsive and clean UI
⚡ Fast performance using Vite
🛠️ Tech Stack
React
Vite
JavaScript (ES6+)
HTML5
CSS3
🚀 Getting Started
Follow these steps to run the project on your local machine.
✅ Prerequisites
Make sure you have installed:
Node.js (v16+ recommended)
npm
Check by running:
node -v npm -v
📥 Installation
Clone the repository
git clone https://github.com/Avinash-sdbegin/tic-tac-toe.git
Go into the project folder
cd tic-tac-toe
Install dependencies
npm install
Now open in browser: 👉 http://localhost:5173
📁 Project Structure src/ ├─ App.jsx ├─ main.jsx ├─ components/ │ └─ Board.jsx (if present) └─ styles/ public/ index.html package.json vite.config.js
🌐 Deployment
This project is deployed using Vercel.
Steps used for deployment:
Push project to GitHub
Import repository in Vercel
Auto build and deploy
Live URL generated
Every new git push automatically redeploys the app 🚀
👨💻 Author
Avinash Kumar
GitHub: https://github.com/Avinash-sdbegin
Project Repo: https://github.com/Avinash-sdbegin/tic-tac-toe
Live App: https://tic-tac-toe-react-six-sand.vercel.app/
📄 License
This project is licensed under the MIT License. You are free to use, modify, and distribute this project.