I built Hopscotch Grid as an experiment in tracking progress through structured systems (courses, documents, workflows). Most tools represent progress as a list or checklist, which works for simple tasks but tends to break down when the system has structure dependencies, grouping, or multiple possible paths. This takes a different approach: it arranges modules spatially (in a hopscotch-like layout) and constrains movement between them. Instead of scanning a list, you move step-by-step through reachable nodes, with progress, score and next steps encoded visually. The idea is to make progression feel more like navigation than task management.

And you can try it out, the package is on npm: npm install hopscotch-grid

Everything runs locally in the browser no server or LLM involved.

Pretty Cool