Git Product home page Git Product logo

tic-tac-toe's Introduction

README.md

Tic Tac Toe Game

This is a simple web-based Tic Tac Toe game that allows two players to compete against each other.

tic-tac-toe ui image

How to Play

To play the game, simply click on a box on the game board to place your symbol (either "X" or "O") in that spot. The game will automatically alternate between the two players. The first player to get three of their symbols in a row (horizontally, vertically, or diagonally) wins the game. If all nine spots are filled and neither player has won, the game is considered a draw.

Technologies Used

  • HTML5
  • CSS3
  • JavaScript

How to Run the Game

To run the game, simply open the index.html file in a web browser.

Project Structure

The project consists of the following files and directories:

.
├── assets
│   ├── css
│   │   └── index.css
│   └── js
│       └── script.js
├── index.html
└── README.md
  • index.html - the main HTML file that contains the game board and game result text.
  • assets - a directory that contains all of the game's assets, including CSS and JavaScript files, as well as any images used in the game.
  • assets/css/index.css - the CSS file that styles the game board and game pieces.
  • assets/js/script.js - the JavaScript file that contains the game logic and functionality.

Sure, here's an example of how to add the contribution and license sections to your GitHub repository's README file:

Contributors

malivinayak
Vinayak Mali 		Avinash-31
Avinash Yeddu 		Mouli-3542
Chandra Mouli 		Hareesh061
Hareesh Naik 		SumitMangrati
Haru 		MustafaKhan026
Mohammed Mustafa Khan
ruturaj-gh
Ruturaj Dnyandev Ghumkar 		Sankalp20Tiwari
Sankalp Tiwari 		SumitVerma-coder
Null 		taylorlottdixon
Taylor Dixon 		vivekutture
Vivek Utture 		ruamazi
Null
shivam-sharma-03
Null

Contribution

We welcome contributions from the community. To contribute, please follow these steps:

  1. Fork this repository.
  2. Create a new branch: git checkout -b feature/your-idea
  3. Make your changes and commit them: git commit -m 'Add your changes'
  4. Push to the branch: git push origin feature/your-idea
  5. Submit a pull request.

Please make sure to follow our code of conduct and our contribution guidelines.

License

This project is licensed under the MIT License - see the LICENSE file for details.

tic-tac-toe's People

Contributors

avinash-31 avatar github-actions[bot] avatar hareesh061 avatar malivinayak avatar mouli-3542 avatar mustafakhan026 avatar ruamazi avatar ruturaj-gh avatar sankalp20tiwari avatar shivam-sharma-03 avatar sumitmangrati avatar sumitverma-coder avatar taylorlottdixon avatar vivekutture avatar

Stargazers

avatar avatar avatar avatar avatar

Watchers

avatar

Forkers

mustafakhan026 ruturaj-gh sankalp20tiwari sumitmangrati taylorlottdixon sumitverma-coder abhishek1619 mouli-3542 anshika91 satyendra9580 lakshmisaiprasad kedarnath-rothe avinash-31 shivam-sharma-03 hareesh061 shashankpantiitbhilai piyush6869 sukhendu2000 pragatibairagi prasannarajpaul arushi2s

tic-tac-toe's Issues

Add "Rules" for Tic-Tac-Toe

Description:

The current version of the Tic-Tac-Toe game lacks information about the rules of the game, which is essential for players, especially those who might be new to the game. To improve the user experience and provide clarity on how the game is played, it is recommended to add a "Rules" button to the game interface.

Suggested Enhancement:

  • Introduce a "Rules" button at the bottom of the game page.
  • When users click on the "Rules" button, a popup should appear with detailed instructions explaining how to play Tic-Tac-Toe, including the rules, winning combinations, which player has which symbol, and how the game is typically conducted.

Expected Behavior:

Players will have easy access to the rules and instructions for the game by clicking the "Rules" button, which will display a popup with the necessary information.

Adding a favicon

Addition of favicon to website.
image
PLEASE ASSIGN ME THIS ISSUE UNDER THE HACTOBERFEST TAG.

feat: Add Sound effect

As the title suggests, this issue is regarding the adding sound effects to the game when a player wins the game or it is a draw also try to improve the design of the game to give it a refreshing look . So get your Html, CSS and Java Script skills to work by improving the design of the overall application and also adding the sound effect to it.

Adding Transitions

While clicking rules button popup got some transitions ...but clicking ok doesn't have any so i added the same fadeout transition after clicking ok ....check PR

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.