This is a simple game of two players placing "x"'s and "o"'s in a three-by-three game grid. The player who succeeds in placing three of their marks in a horizontal, vertical, or diagonal row is the winner. This website is for people who like a simple, fun game to play with friends. It's also a simple strategy game which is good for children.

The website displays a game of placing an "x" or an "o" on a provided grid, coloured red and blue respectively. It tells the player which turn it is by showing the "x" or "o" text below. The game keeps score of the number of wins for the "x" and "o" players.

• The Landing Animation
  • Greeting of Tic Tac Toe text drops down and play button apears.
  • 
• Game Board
  • Game board of three-by-three grid sits in the middle.
  • Space highlights grey when the mouse pointer goes over it.
  • 
• "x"'s and "o"'s
  • "x"'s are coloured red and "o"'s are coloured blue to make a clear distinction between both players.
  • 
• Turns
  • Below the game board, text depicts if it is player "x"'s turn or player "o"'s turn..
  • 
• Scores
  • On each side of the game board, a total score for "x" and "o" wins are displayed.
  • 
  • 
• Play Again screen
  • This screen apears when the games has ended - either due to a win or a draw. The text relays which outcome has been reached.
  • 

• The website could benefit from a game against the computer as a selectable game mode.

I have tested the game's website on different browsers and devices. The main logic for the game works well and the score updates as intended. When the top three spaces are clicked, small white lines appear on the upper edge of the cell. However, these are not apparent on smaller screen sizes.

On some smaller devices, the animation display is not as smooth when compared with larger devices.

A lot of tests were run in order to establish the correct game logic and determine how to manipulate the node list.

• HTML
  • No errors were returned when passing through the official W3C validator https://validator.w3.org/nu/?doc=https%3A%2F%2Fmeija1.github.io%2Ftic_Tac_Toe_Game%2F
• CSS
  • No errors were found when passing through the official (Jigsaw) validator https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fmeija1.github.io%2Ftic_Tac_Toe_Game%2F&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en
• Javascript
  • No errors were returned when passing through the official JSHint validator
  • 
• Accessability
  • I confirm that the colours and fonts chosen are easy to read and accessible by running it through lighthouse in devtools.
  • 

White lines appearing on top of the upper three cells once they have been clicked.

• The site was deployed to GitHub pages. The steps to deploy are as follows:
  • In the GitHub repository, navigate to the Settings tab
  • From the source section drop-down menu, select the Master Branch
  • Once the Master Branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment. The live link can be found here - https://meija1.github.io/tic_Tac_Toe_Game/

• The fonts for text in the website were taken from Google Fonts
• Most of the game issues and bug fixes were found on Stack Overflow
• Element class list methods were found on W3Schools
• Methods for Node list were taken from Mozilla.Developer
• Some problems with the code were asked on my profile here Stack Overflow
• Some of the game logic was taken from my old Java project on IntelliJ IDEA