Welcome to the Angular Tic-Tac-Toe Game repository! This project showcases a modern, responsive Tic-Tac-Toe game built with Angular. Dive into the world of front-end development with this classic game, featuring clean code, modular components, and a sleek user interface. 🚀✨
- Implements a score tracking system for X wins, O wins, ties, and total games played.
- Adds "Reset" and "Stop" buttons as shown in the image.
- Displays the current player's turn.
- Shows the winner or if it's a draw.
- The game board is now centered and responsive.
- Improved visual feedback for player moves (X in blue, O in red).
- The ability to stop the game at any point.
- An option to play against an AI opponent.
- Animations for placing X's and O's.
- Sound effects for moves and game outcomes.
- A settings menu to customize game options (e.g., board size, win condition).
- Local storage to persist scores between sessions.
- A modal or animation to celebrate the winner.
Follow these instructions to get a copy of the project up and running on your local machine.
- Node.js and npm installed on your machine.
-
Clone the repository:
git clone https://github.com/riteshporiya/angular-tic-tac-toe-game.git cd angular-tic-tac-toe-game -
Install dependencies:
npm install
-
Run the application:
ng serve
-
Open your browser and navigate to
http://localhost:4200.
- Click on a cell to place your move (X or O).
- The current player's turn is displayed.
- The score tracking system updates automatically.
- Use the "Reset" button to start a new game.
- Use the "Stop" button to stop the current game.
- Enjoy playing!
Contributions are welcome! Please open an issue or submit a pull request for any changes or enhancements you would like to see.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by classic Tic-Tac-Toe games.
- Built with Angular and Bootstrap.
Happy coding! 🎉