I only have one suggestion. The contrast between the pieces and the holes should be increased. Maybe the hole background could be almost flat black/near black?
Yeah came here to say this. The different states are almost indistinguishable. I also didn't understand that they where supposed to be holes. I'd make the shadow effect much more subtle and have the holes in the background color so they seem like cut out of the red board vs very bright white pieces. Also the selected indicator would be more noticeable in an entirely different color like yellow.
If you want to make it really cool implement drag and drop. When you start dragging a piece add a sublte hightlight to the allowed destination holes.
for now I changed the peg color to blue and also changed the highlight color. I thought about drag and drop initially and decided to do it when I get more time. But any way I am super excited to see people's feedback
Another layout improvement I'd do is loose the border around the board and extend the red to the whole page background, also center the board on the page and scale it to the available space. Looks way more fun and playful with the blue pieces and the white dot highlight is a nice touch!
Author here. Just implemented this popular board game in pure JS and CSS. Works well on modern desktop browsers. Sorry IE users.
It might work on mobile devices but not really optimized for small screen devices.
Pretty neat! The pegs would be much easier to distinguish from the holes if they were a different colour, e.g. "peg black" -> "peg blue". You have a typo in the move log: "eliminited" -> "eliminated".
I only have one suggestion. The contrast between the pieces and the holes should be increased. Maybe the hole background could be almost flat black/near black?
Thanks for this nostalgia!