This is a modern, responsive Tic Tac Toe game built with React.js, Vite.js, and Tailwind CSS. The game supports two players and tracks the win counts for each player. It also includes a reset functionality to start a new game.
- Responsive design for all screen sizes.
- Two-player support.
- Win count tracking for each player.
- Reset functionality to start a new game.
- Stylish and modern UI using Tailwind CSS.
Follow these steps to set up the project locally:
-
Clone the repository:
git clone https://github.com/THEFZNKHAN/tic-tac-toe cd tic-tac-toe -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build the project for production:
npm run build
-
Deploy the project to GitHub Pages:
npm run deploy
Once you have the development server running, you can access the game by navigating to http://localhost:5173 in your web browser. To play the game, simply click on the squares to place your mark (X or O). The game will automatically determine the winner and update the status and win counts accordingly. You can reset the game at any time by clicking the "Reset" button.
You can view a live demo of the game here.
Contributions are welcome! If you have any ideas or suggestions for improvements, feel free to open an issue or submit a pull request.
To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b my-feature-branch - Make your changes and commit them:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-feature-branch - Submit a pull request.