tpikl / ttt Goto Github PK

Turns out the rows ended up flexing as columns.
Ids are also backwards.

• Update Box Ids
  • Flip Id
  • Add pre/suffix
  • Add function to Box class to parse Id
• .board { flex-direction: column }
• .row { display: flex }

When all boxes have been claimed but no winner is declared.

• Declare tie when turns == size * size.
• Display the Restart button as well.

Handle win conditions to end the game.

Replace buttons with minimal icons.
And a little bit of styling updates.

Create styling to display the strikethrough appearance of winning.

• Remove "Winner" banner.
• Create strikethrough styling and display upon winning.
• Maintain prevented input after a winner is declared.

General polish and updates to visuals or when UI changes occur.

View updates

• Toggle game view:
  • #controls & #board display one at a time.
• Victory view:
  • Remove alert().
  • Add "Victory" banner.
    • Include "Replay" & "New Game" buttons.
• Bonus:
  • #6

Flow updates

• Improve turn flow:
  • Prevent continued turns after victory.

Usage of localStorage not all that necessary right now.

• Remove Storage class and all usage.
  • Replace all references with new global game variable.
• Make global game variable.
  • Populate .Board.
    • Populate `.BoxMatrix'.

Can't have the console bitching about favicon.ico 404.

Implement an AI that will randomly select an unmarked box.