Add README to repo.
Include boilerplate and fill out items that make sense for the beginning of the project (contributors, timeline, etc).

Add a button to the bottom of the game board.

• This button should allow the user to switch between aesthetic views (Tic-Tac-Toe and Tic-Tac-Rainbow).
• The game should function exactly as usual, just with different colors and tokens.
• The button should be disabled during matches, so the user can't change views again until the board resets.

Tic-Tac-Toe: yellow/red sidebars with ❌ and ⭕️ tokens
Tic-Tac-Rainbow: rainbow sidebars with 🦄 and 🌈 tokens

As a user, I want to exist as a player in the game.

Create a function that creates the objects that store each players’ informations - properties should include: id (ex: 'one'), token (ex: '⭐️'), wins (ex: 0)

This should also add the players to the game.

Maybeeeeeeee update the game to be called "Tic Tac Whoa" and style it to use as tokens pictures of Keanu Reeves as Ted Theodore Logan (in place of the X) and Neo (in place of the O). Because I'm a dork and that sounds funny to me. 😂

Adds another aesthetic change to the button for a Winter (Snowman vs The Sun) themed game.

Uses ⛄️ and 🌞 tokens, and lightblue/white/blue gradient sidebars.

Refactor your code to organized your game logic and DOM related JS separately in 2 different JS files - main.js and domUpdates.js

As a user, I want to see when my match results in a win.

• A player can win by connecting 3 horizontally, vertically, or diagonally.
• The top banner changes to declare the winner

Note: Requires creation of a function that checks the game board data for win conditions

As a user, I want to see my icon appear on the board where I click to place it.

• User can only place their token in an empty square
• Attempting to place their token on a square that’s already occupied will not work, and it remains their turn

Fill out and submit Project Submission Form.
https://docs.google.com/forms/d/1kW1JPMpZUhAjzIDnW_wDrGB8PtRDTIFh9ohpkd5h0xk/viewform?edit_requested=true

Look through codebase and refactor for:

• anything that can be DRYed up or refactored for efficiency
• any remaining console logs or unnecessary comments
• any formatting errors

Adds another aesthetic change to the button for a Christmas (Santa vs Krampus) themed game.

Uses 🎅🏼 and 👹 tokens, and green/white/red gradient sidebars.

Add PR template to the repo.

As a user, I want to see when it is my turn.

The top displays which player’s turn it is

• Once a user places their token, it becomes the other player’s turn
• The banner updates to show that it is the other player's turn

Note: Requires creation of a function that keeps track of which player’s turn it currently is

Complete all required README prompts.

As a user, I want to see a tic tac toe game.

Plan out the HTML layout (colors and icons do not need to match, but overall layout should closely match the demo video / screenshot). Should include:

• main center container
  • player's turn placeholder
  • game board grid container
    • game board
• left and right sidebars
  • player 1 container
    • icon placeholder
    • wins placeholder
  • player 2 container
    • icon placeholder
    • wins placeholder

As a user, I want to see the game board reset for a new match after a match is completed.

Automatically reset the game board to allow for a new game to be played after the previous game ends

• The game restarts after a brief pause, (long enough that the draw/win message can be read before resetting)
• The player who didn’t begin the previous game now is the first player to go in the new game

Notes:

• Requires creation of a function that resets the game board’s data to begin a new game
• A timeout is used after a completed game to reset the board.

Setup repo locally and in github.

As a user, I want to see my overall wins total update when I win a match.

Will need to create functionality to update the scores after detecting a win (or not, if draw).

• The DOM updates to display how many wins the player has in total

Note: Requires creation of a function called increaseWins - increases the count of a player’s wins (should work for either player)

Steps to repro:

1. Win a match
2. Wait 5 seconds for board to reset
3. Place a token

Expected:
The token placed should correspond with the player's turn, as specified in the "It's ___'s turn" banner.

Actual:
The token placed does not correspond with the player's turn, as specified in the "It's ___'s turn" banner.

Read through spec and add user story tickets for each feature to add to the application.
These tickets should be split up into manageable chunks.

Note: There is ALWAYS the option to split the tickets further later, if one turns out to be too big.

Persist player data using local storage (number of wins should persist across page refreshes)

As a user, I want to see if my match resulted in a draw.

• A draw can occur, in which case:
  • The top banner declares a draw
  • Neither player’s win count increases or decreases

Note: Requires creation of a function that detects when a game is a draw (no one has won)

Setup github project for the repo.
Add board, labels, milestones, etc.

As a user, I want to see a beautifully styled tic tac toe game.

• Refactor CSS styling to make the game more more visually appealing
• Should resemble the comps, but can have additional personalized styling