• Skip to main content

CPlatt Portfolio

Creating a Visually Stunning Web

  • Portfolio
  • Blog

Game – Tic Tac Toe

June 10, 2024 by Chris Platt

  • Demo: tictactoe.cplatt.xyz
  • Github: https://github.com/plattnotpratt/tictactoe

This game was built to practice programming in Javascript. It is a turn based game which can be played on the same screen. The game shows basic knowledge of algorithm design.

The following was the checklist to build out the game:

  • Build the board
    •  Make a 3 by 3 grid
    •  Make the grid clickable
    •  if grid cell is filled disable clickablility
    •  fill the empty cell when clicked
  •  Set initial game state
  •  Set up players (First player is X, and second player is O)
  •  Set up win states (all three in a row options including diagonals)
  •  Build out win announcement to show when the game has finished (e.g. X Wins)
  •  Create the game loop.

CPlattDesign © 2012–2025