I re-deployed 8 Red Squares, a site that allows you to play through the 8 Queens Puzzle on different sized boards.
Future enhancements I’d like to add are
Timer (for each segment), and total running time until the users solves n=8.
Better mobile support (board size 9 and 10 don’t handle small screens well).
Foundational solutions checklist, e.g., if a user wants to find all possible arrangements (excluding symmetries and rotations).
Assistant, e.g., allow a user to turn on CSS highlights that show conflicting squares, or hints.
Optionally pause switching board sizes, allowing the player to examine their solution, e.g., a “Jump to next puzzle” option, or retain the solution when they navigate to a previously solved board size.
Play it at https://leppekja.github.io/8redsquares/. The site uses React; I originally built it to learn React and how to deploy a site to a cloud-based provider (AWS Amplify), but now uses the gh-pages
package and is deployed on GitHub Pages.