https://github.com/satyam-software-developer/tic-tac-toe-game

tic tac toe game app created with html, css and javascript for frontend web development.
https://github.com/satyam-software-developer/tic-tac-toe-game

css git github html javascript

Last synced: 16 days ago
JSON representation

tic tac toe game app created with html, css and javascript for frontend web development.

• Host: GitHub
• URL: https://github.com/satyam-software-developer/tic-tac-toe-game
• Owner: satyam-software-developer
• License: mit
• Created: 2024-02-18T16:01:22.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-12-16T14:56:04.000Z (19 days ago)
• Last Synced: 2024-12-16T15:48:13.409Z (19 days ago)
• Topics: css, git, github, html, javascript
• Language: JavaScript
• Homepage: https://satyam-software-developer.github.io/Tic-Tac-Toe-Game/
• Size: 11.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tic-Tac-Toe-Game

A simple and interactive Tic Tac Toe game built with HTML, CSS, and JavaScript.

# Description

This project is a browser-based implementation of the classic Tic-Tac-Toe game. It allows two players to play against each other on the same device. The game features a responsive design, user-friendly interface, and logic to determine the winner or if it ends in a draw.

# Features

1. Two-Player Gameplay:

 - Player 1 (X) and Player 2 (O) alternate turns to place their symbols on the board.

2. Winner Detection:

 - Automatically checks for winning combinations after each turn and announces the winner.

3. Draw Detection:

 - Declares the game a draw if all cells are filled without a winner.

4. Restart Button:

 - Allows players to reset the game and play again.

5. Responsive Design:

- Works on various screen sizes, including desktops and mobile devices.

# Technologies Used

1. HTML:

 - Structure and layout of the game board and interface.

2. CSS:

 - Styling for the game board, buttons, and visual effects.

3. JavaScript:

 - Handles game logic, player turns, winner/draw detection, and UI updates.

# How to Play

1. Open the game in your browser.

2. Player 1 (X) starts the game.

3. Players take turns clicking on the empty cells of the 3x3 grid.

4. The first player to align three symbols in a row, column, or diagonal wins the game.

5. If all cells are filled and no one wins, the game is declared a draw.

6. Click the "Restart" button to reset the game and play again.

# Folder Structure

tic-tac-toe/

├── index.html           // Main HTML file

├── style.css           // CSS file for styling

├── app.js            // JavaScript file for game logic

└── README.md            // Project documentation

# How to Run the Project

1. Download or clone the repository:

   git clone https://github.com/satyam-software-developer/Tic-Tac-Toe-Game.git

2. Open the index.html file in any modern browser (e.g., Chrome, Firefox, Edge).

3. Start playing the game!

# Contributing

Feel free to fork the repository, make changes, and submit a pull request. Contributions are always welcome!

# License

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

# Demo

  https://satyam-software-developer.github.io/Tic-Tac-Toe-Game/

# Author

Developed by Satyam Kumar