🎮 XO Game

A simple Tic-Tac-Toe game built with Vue 3 and Vite.
This is a small practice project, ideal for learning component-based UI design and basic game logic.

🖼️ Screenshot

🌐 Live Demo

👉 Play it online on GitHub Pages

Or download the production build:
📦 xo-game-v1.0.0-production-ready.zip

🚀 Features

• ✅ Responsive layout
• ✅ Simple, clean UI
• ✅ Game restart and win-detection logic
• ✅ Vuex-based state management
• ✅ No external CSS frameworks — just plain SCSS

🧑‍💻 Run Locally

git clone https://github.com/TheMachinist01/xo-game.git
cd xo-game
npm install
npm run dev

📦 Build for Production

npm run build
npm run preview

Or use a static file server:

npm install -g serve
serve dist

🚀 Deploy on GitHub Pages

If you want to deploy the project yourself:

1. Set base: '/xo-game/' in vite.config.js
2. Install the deploy package:

npm install --save-dev gh-pages

3. Add this to your package.json:

"scripts": {
  "deploy": "gh-pages -d dist"
}

4. Then run:

npm run build
npm run deploy

📄 License

This project is licensed under the MIT License.

📜 Full Changelog

See: GitHub Commits