I recently made a <chess-board> custom HTML element that should make this kind of thing really easy to build: https://justinfagnani.github.io/chessboard-element

I recently made a <chess-board> custom HTML element that should make this kind of thing really easy to build: https://justinfagnani.github.io/chessboard-element/ https://justinfagnani.github.io/chessboard-element/ You can specify a board, the current position, and other options right in markup, like: <chess-board draggable-pieces position="8/R7/8/8/k1K5/8/8/8"> </chess-board> So it should be very easy to encode the position in a URL. You could also have more than one board for teaching moves.