A strategic variation of tic-tac-toe where each player can only have 3 pieces on the board, and must move their oldest piece when placing new ones.
# Clone the repository
git clone https://github.com/grevory/TicTacThree.git
cd tic-tac-three
# Install dependencies
npm install
# Start development server
npm start
# Build for production
npm run build
# Deploy to GitHub Pages
npm run deploy
tic-tac-three/
├── public/
│ ├── index.html
│ └── manifest.json
├── src/
│ ├── components/
│ │ └── TicTacThree.js
│ ├── App.js
│ ├── App.css
│ └── index.js
├── package.json
└── README.md
- Players alternate placing X and O pieces
- Each player can only have 3 pieces on the board at once
- Once a player has 3 pieces, they must move their oldest piece instead of placing new ones
- The piece that must be moved is highlighted with visual indicators
- Win by getting 3 in a row (horizontal, vertical, or diagonal)
- React 18
- Tailwind CSS
- GitHub Pages deployment