https://github.com/anniedotexe/tic-tac-toe
This is a fully responsive simple tic-tac-toe game built with HTML, CSS, and JavaScript.
https://github.com/anniedotexe/tic-tac-toe
css css3 html html-css-javascript html5 javascript javascript-game tic-tac-toe tic-tac-toe-game tictactoe tictactoe-game tictactoe-javascript
Last synced: about 2 months ago
JSON representation
This is a fully responsive simple tic-tac-toe game built with HTML, CSS, and JavaScript.
- Host: GitHub
- URL: https://github.com/anniedotexe/tic-tac-toe
- Owner: anniedotexe
- Created: 2021-06-25T18:37:49.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-12T03:30:13.000Z (almost 4 years ago)
- Last Synced: 2025-01-20T21:11:35.243Z (9 months ago)
- Topics: css, css3, html, html-css-javascript, html5, javascript, javascript-game, tic-tac-toe, tic-tac-toe-game, tictactoe, tictactoe-game, tictactoe-javascript
- Language: JavaScript
- Homepage: https://tic-tac-toe.anniew.xyz/
- Size: 510 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple TIC-TAC-TOE Game
This is a fully responsive simple tic-tac-toe game written in HTML, CSS, and JavaScript.
**LIVE DEMO** - [tic-tac-toe.anniew.xyz](https://tic-tac-toe.anniew.xyz/) OR [tic-tac-toe-annie.netlify.app](https://tic-tac-toe-annie.netlify.app/)
![]()
![]()
![]()
![]()
![]()
## Table of Contents
- [Design](#design)
- [Fonts](#fonts)
- [Color Scheme](#color-scheme)
- [Built With](#built-with)
- [Contributing](#contributing)
- [Creator / Maintainer](#creator--maintainer)
- [Acknowledgments](#acknowledgments)---
## Design
### Fonts
[Nunito](https://fonts.google.com/specimen/Nunito) - this font is used for everything because it looks good in titles and the 'X' and 'O' in the game
### Color Scheme
- Bdazzled Blue - title and new game button
- Generic Viridian - Player X text and tile color
- Blood Red - Player O text and tile color
- Cultured - website background color
- Spanish Gray - inactive player, game grid borders, tile hover, and winner's tiles background color---
## Built With
- [HTML5](https://www.w3schools.com/html/)
- [CSS3](https://www.w3schools.com/css/)
- [JavaScript](https://www.w3schools.com/js/DEFAULT.asp)
- Hosted on [Netlify](https://www.netlify.com/)---
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. Please make sure to update tests as appropriate.
### How To Contribute
1. Fork the repository to your own Github account.
2. Clone the project to your machine.
3. Create a branch locally with a succinct but descriptive name.
4. Commit changes to the branch.
5. Following any formatting and testing guidelines specific to this repo.
6. Push changes to your fork.
7. Open a Pull Request in my repository.---
### Creator / Maintainer
Annie Wu ([anniedotexe](https://github.com/anniedotexe))
If you have any questions, comments, or concerns, feel free to contact me below.
This project was created for educational purposes and for personal and open-source use.
If you like my content or find this code useful, give it a :star: or support me by buying me a coffee :coffee::heart:
---
## Acknowledgments
- [CleverProgrammer](https://www.cleverprogrammer.com/) for their [Tic, Tac, Toe Game tutorial](https://www.youtube.com/watch?v=VjjZ2MaX0Ts)