nemo0
3 years ago
parent
b47cf8261f
commit
9431937c5c
@ -0,0 +1,43 @@
|
||||
# Tic Tac Toe
|
||||
|
||||
**Tier:** 1-Beginner
|
||||
|
||||
We all have played Tic Tac Toe at some point in our life. If you search on Google with `tic tac toe`, Google will open the game for you. It is typically played with a 3x3 grid with O and X. Any player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row wins the game.
|
||||
|
||||
The primary purpose of this project is,
|
||||
|
||||
- To make the builder understand how `forEach` loops can be used in real life to style elements.
|
||||
- To help the builder get familiar with ternary operators and template literals
|
||||
|
||||
The possible combinations of winning are shown below.
|
||||
|
||||
|
||||
_Tic Tac Toe Winning Combinations 1_
|
||||
|
||||
|
||||
_Tic Tac Toe Winning Combinations 2_
|
||||
|
||||
|
||||
_Tic Tac Toe Winning Combinations 3_
|
||||
|
||||
## User Stories
|
||||
|
||||
- [ ] User can see a 3x3 grid of squares
|
||||
- [ ] User can click on a square to mark it as X
|
||||
- [ ] User can click on a square to mark it as O
|
||||
- [ ] User can see a message telling them if they won, lost or tied
|
||||
- [ ] User can see a button to restart the game
|
||||
|
||||
## Bonus features
|
||||
|
||||
- [ ] User can play the game with another person
|
||||
|
||||
## Useful links and resources
|
||||
|
||||
- [Tic Tac Toe On Google](https://www.google.com/search?q=tic+tac+toe)
|
||||
- [Tic Tac Toe Wiki](https://en.wikipedia.org/wiki/Tic-tac-toe)
|
||||
|
||||
## Example projects
|
||||
|
||||
- [Tic Tac Toe CodePen](https://codepen.io/nemo011/pen/vYmmKjg)
|
||||
- [Tic Tac Toe Tutorial Article](https://blog.nemotivity.dev/build-a-tic-tac-toe-game-with-javascript-ckr6gvg6d01byths1dwea3of9)
|
||||
Loading…
Reference in new issue