"Scrabble" word game visualizer 🧩

Objective:

Using an external API, display the current state of an active game of "Scrabble".

Situation

There is a current active game of "Scrabble" (available via. api), it consists of:

• A board (all pieces played up until this moment)
• A candidate (a set of of new pieces that are "going" to be played in this turn

The "board" is an NxM grid, with either a letter or space in each grid position. The "candidate" is an array of letters with a row and column position.

Task

You'll want to build a grid visualization using the level api as the input source. It should display an input game, as well as handle outlier situations, like:

• "candidate" letters played over existing board pieces
• "candidate" letters that are out of bounds for board

An example visualization is implemented on the "Game" page in the header. This is a complete implementation and includes test cases that cover the situations above.

note: you can come back to this page, "Click to view board" is the same as the "Game" link in the header