TIC-TAC-TOE-GAME-WEB

Welcome to the Tic-Tac-Toe Game Web project! This is a simple yet interactive web-based implementation of the classic Tic-Tac-Toe game. The game is designed with a modern Google UI/UX, featuring animations and vibrations to enhance the user experience.

Features

• Player Names: Users can input their names before starting the game.
• Score Counter: The game tracks and displays the score for each player.
• Alternate Starting Player: Each new game alternates the starting player.
• Animations: Winning moves are highlighted with smooth animations.
• Vibration Feedback: Device vibration is triggered upon each click (for supporting devices).
• Responsive Design: The game is fully responsive and works well on both desktop and mobile devices.

Technologies Used

• HTML5: Structure of the game.
• CSS3: Styling the game with Google UI/UX, animations, and responsive design.
• JavaScript: Game logic, handling user interactions, animations, and vibration feedback.

How to Play

1. Enter Player Names: Input the names of Player 1 (X) and Player 2 (O) in the respective fields.
2. Start the Game: Click on any cell in the 3x3 grid to place your mark (X or O).
3. Winning the Game: Align three of your marks horizontally, vertically, or diagonally to win.
4. Next Game: The next game will start with the player who didn’t start the previous game.
5. Restart or Reset Scores: You can restart the game or reset the scores using the buttons at the bottom.

How to Run the Project

To view or run the project, follow these steps:

1. Clone the repository: ```bash git clone https://github.com/harshitj183/TIC-TAC-TOE-GAME-WEB.git ```

2. Navigate to the project directory: ```bash cd TIC-TAC-TOE-GAME-WEB ```

3. Open the `index.html` file in your browser: ```bash open index.html ```

Or you can simply visit the deployed version to play online.

File Structure

``` TIC-TAC-TOE-GAME-WEB/ ├── .github/ │ └── workflows/ │ └── static.yml # GitHub Actions workflow file for deployment ├── .gitignore # Git ignore file ├── .replit # Replit config file ├── index.html # Main HTML file ├── script.js # JavaScript file for game logic └── styles.css # CSS file for styling and animations ```

Contributing

Feel free to fork this repository, make your changes, and submit a pull request. All contributions are welcome!

License

This project is open-source and available under the MIT License.

Author

• Harshit Jaiswal - GitHub Profile