User Interface - 100593225/week3dev GitHub Wiki

When the user is placing their battleships on their grid, the grid will highlight green to indicate if a battleship can be placed in a particular area.

Players take turns to choose a location on their opponent’s hidden grid to reveal. If a location with a battleship is chosen, the location is highlighted to indicate to the user that a battleship has been hit. If the location was empty, the location will simply be marked as attempted.

Battleships vary in size so next to each grid there are blocks that reflect the size and status of each ship, which updates dynamically with the game. Red blocks indicate a battleship is damaged, blue blocks indicate that it is undamaged.