Welcome to our delightful Tic Tac Toe game! This modern twist on the classic game is built with React and TypeScript, offering an engaging gaming experience with festive surprises. 🎉
- 🎯 Multiple Game Modes
- 🏃♂️ Single Player Practice - Perfect for learning
- 👥 Player vs Player - Challenge your friends
- 🤖 Player vs Computer - Test your skills
- 🎨 Interactive Experience
- 🏆 Real-time game status updates
- 🎊 Victory celebrations with confetti
- ❄️ Charming snowmen animations
- 🎆 Special New Year countdown
- 📱 Responsive Design
- Works beautifully on all devices
- Smooth animations and transitions
- Node.js (v14 or higher) 📦
- npm or yarn package manager 🔧
-
Clone the repository:
git clone [your-repository-url]
-
Navigate to the project directory:
cd tic-tac-toe -
Install dependencies:
npm install # or yarn install -
Start the development server:
npm start # or yarn start -
Open your browser and visit:
http://localhost:3000
- 🎮 Choose your game mode
- 👤 Enter player names (optional)
- ⭕ Select your symbol (X or O)
- 🎲 Take turns placing your symbol
- 🏆 Get three in a row to win!
- ⚛️ React 18 - Modern UI framework
- 📘 TypeScript - Type-safe JavaScript
- 🎨 CSS Animations - Smooth visual effects
- 🎊 Canvas Confetti - Victory celebrations
- The game is played on a 3x3 grid
- Players take turns marking empty squares
- First player to get 3 in a row (horizontal, vertical, or diagonal) wins
- If all squares are filled with no winner, it's a draw
- 💡 Corner squares are strategically valuable
- 🤔 Plan two moves ahead
- 🛡️ Block your opponent's winning moves
- 🎯 Try to create multiple winning opportunities
We welcome contributions! Feel free to:
- 🐛 Report bugs
- 💡 Suggest new features
- 🔧 Submit pull requests
Having issues? We're here to help!
- 📧 Create an issue in the repository
- 💬 Check existing issues for solutions
Enjoy playing! 🎮✨