https://github.com/ayushshahh/tic-tac-toe

A classic Tic-Tac-Toe game. Have fun playing
https://github.com/ayushshahh/tic-tac-toe

html-css-javascript html-css-javascript-games javascript tic-tac-toe tic-tac-toe-game tic-tac-toe-javascript tictactoe tictactoe-game tictactoe-javascript webgame

Last synced: about 1 month ago
JSON representation

A classic Tic-Tac-Toe game. Have fun playing

• Host: GitHub
• URL: https://github.com/ayushshahh/tic-tac-toe
• Owner: AyushShahh
• Created: 2021-06-17T09:28:40.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-23T12:31:11.000Z (over 2 years ago)
• Last Synced: 2025-03-24T06:54:41.557Z (about 2 months ago)
• Topics: html-css-javascript, html-css-javascript-games, javascript, tic-tac-toe, tic-tac-toe-game, tic-tac-toe-javascript, tictactoe, tictactoe-game, tictactoe-javascript, webgame
• Language: JavaScript
• Homepage: https://tictactoeegame.netlify.app/
• Size: 581 KB
• Stars: 2
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tic-Tac-Toe ![logo](assets/favicons/favicon-32x32.png)

[![Views](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FAyushShahh%2FTic-Tac-Toe&count_bg=%23000000&title_bg=%23555555&icon=github.svg&icon_color=%23E7E7E7&title=views&edge_flat=false)](https://hits.seeyoufarm.com)

[![GitHub stars](https://img.shields.io/github/stars/AyushShahh/Tic-Tac-Toe)](https://github.com/AyushShahh/Tic-Tac-Toe/stargazers)

[![GitHub forks](https://img.shields.io/github/forks/AyushShahh/Tic-Tac-Toe)](https://github.com/AyushShahh/Tic-Tac-Toe/network)

[![GitHub issues](https://img.shields.io/github/issues/AyushShahh/Tic-Tac-Toe)](https://github.com/AyushShahh/Tic-Tac-Toe/issues)

![GitHub pull requests](https://img.shields.io/github/issues-pr/AyushShahh/Tic-Tac-Toe?color=yellow)

![Lines of code](https://img.shields.io/tokei/lines/github/AyushShahh/Tic-Tac-Toe?label=total%20lines%20of%20code)

[![Twitter](https://img.shields.io/twitter/url?label=Tweet%20this&logoColor=black&style=social&url=https%3A%2F%2Fgithub.com%2FAyushShahh%2FTic-Tac-Toe)](https://twitter.com/intent/tweet?text=Woah!%20This%20is%20cool.&url=https%3A%2F%2Fgithub.com%2FAyushShahh%2FTic-Tac-Toe)




A classic game built using **HTML**, **CSS** & **JavaScript**.


Check the live site **[here](https://tictactoeegame.netlify.app)**.

## Table of Contents

- [Game walkthrough](#game-walkthrough)

- [Brief](#brief)

- [Playing](#playing)

- [To-Do List](#to-do-list)

- [APIs used](#apis-used)

- [External Libraries used](#external-libraries-used)

- [Have an idea? or questions?](#have-an-idea-or-questions)

- [Found a bug?](#found-a-bug)

- [Contributing](#contributing)

- [Contact](#contact)

## Game Walkthrough

Example of the game made:




## Brief

Tic-tac-toe is a game for two players, :x: and :o:, who take turns marking the spaces in a 3×3 grid. The player who succeeds in placing three of their marks in a diagonal, horizontal, or vertical row is the winner.

___

### Playing:

- **X** plays first

- Click on any grid box to play your move

- Click reset button after completion to reset the board and play again

 ## To-Do List

 This contains the list of features I'm working on or wish to implement them in future.

 - [x] Adding two player mode

 - [ ] Giving user the option to either play as :x: or :o:

 - [x] Showing scores

 - [ ] :x: and :o: animate while making a move

 - [ ] Linethrough on the respective column, row or diagonal when a player wins

 - [x] Adding AI using JavaScript minimax algorithm

 - [ ] Adding multiplayer mode

>Know how to implement these features and contribute? Check [Contributions](#contributing) section.


**Have more ideas?** Check [this](#have-an-idea-or-questions)

## APIs used

[Web Share API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API) - It provides a way to trigger the native share dialog of a device when sharing content, directly from a website or web application.

[Service Worker API](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API) - Offers offline experience to a user.

## External Libraries used

[PWACompat](https://github.com/GoogleChromeLabs/pwacompat) - PWACompat is a library that brings the Web App Manifest to non-compliant browsers for better Progressive Web Apps.


Read more on their [blog](https://developers.google.com/web/updates/2018/07/pwacompat).

## Have an idea? or questions?

If you have an amazing idea for this game, or you got some questions, you can discuss them in the [discussions](https://github.com/AyushShahh/Tic-Tac-Toe/discussions) tab.

---

If you want to implement your idea by contributing, check [contributing](#contributing) section.

## Found a bug?

If you find a bug, you can always **open an issue** in the [issues tab](https://github.com/AyushShahh/Tic-Tac-Toe/issues) to talk about it. Still, if you want to **contact me**, check [here](#contact).

---

**Note:** Make sure you browse through the existing issues to check if the issue already exists.


>Know a fix or want to contribute? Check [contributions](#contributing) section.

## Contributing

Pull requests are always welcome. But before making any major changes you can open an [issue](https://github.com/AyushShahh/Tic-Tac-Toe/issues) to discuss.

For less major or minor changes, you can open a [pull request](https://github.com/AyushShahh/Tic-Tac-Toe/pulls).

You can also [contact](#contact) me.


**Thanks for contributing.**

# Contact

I don't like spams



  

    

    

    

    




**[Back to top](#tic-tac-toe-)**