Instead of focusing on game history, I decided to flip the order and focused on visualization of the game board first. This ended up being a little more tricky than I thought because I originally planned to draw the board with divs as tiles, but while I was working through it, I remembered that the pieces fall on the intersection of the lines, not in-between the lines and there was no good way of drawing pieces slightly off of a div without messing up the entire grid (React expects children to fall inside the parent containers). Instead what I did is that I had each “tile” fall under 9 categories: top left corner, bottom left corner, bottom right corner, top right corner, top, left, right, bottom, and middle. This way, I can place the pieces inside of each tile, instead of attempting to put the pieces in the intersection of 4 tiles.
My progress is currently on schedule, I’ve just flipped the order, so that I worked on the visualization of the board, instead of game saving first.
By next week, I expect to have game saving done, and also start to work on game loading.