Kiddom IM K-2 Centers Navigation Prototype

Static prototype for dynamic Kiddom pages that help teachers navigate IM K-2 centers content, with an initial focus on K-1 centers and stable printable links.

The prototype includes:

• Centers materials workspace: a generated in-app centers page with course/unit selection, material filters, search, printables, student directions, teacher directions, copy counts, and material locations.
• Print needed and materials needed: separates printable artifacts from classroom/common materials so teachers can prep quickly.
• Print and copy queue: pulls print-ready resources into one teacher-facing queue, including linked printable PDFs.
• Copy count controls: lets teachers adjust how many copies of student materials to print, seeded from the student count.
• Printable center overview: each center has an overview popup with teacher directions, student directions, print steps, common items, other items, and setup steps.
• Center stages: each center can switch between stages. Later stages explicitly reference the earlier teacher and student directions they build on.
• Materials checklist: tracks physical/classroom materials locally in the browser.
• Resource index: groups visible resources by type so teachers can quickly see what is available.

The current prototype includes Kindergarten and Grade 1 center lists, stage navigation, unit filters, and a curated Bingo Stage 1 example with teacher directions, student directions, materials needed, and printable links.

Run locally

Open index.html directly, or run a local static server:

python3 -m http.server 4173

Then visit http://localhost:4173.

The app stores prototype state in browser local storage. Use the reset button in the top bar to return to the default sample data.

Publish with GitHub Pages

Because this is a static prototype, it can be hosted directly from GitHub Pages:

1. Push this repository to GitHub.
2. In the GitHub repository, open Settings > Pages.
3. Under Build and deployment, choose Deploy from a branch.
4. Select the main branch and / (root).
5. Save, then open the GitHub Pages URL after deployment finishes.

Data Notes

• app.js contains the center/stage model and UI behavior.
• k-bom-data.js contains extracted center material data used to seed the prototype.
• center-artifacts.js maps specific center materials to stable printable URLs.
• Local generated files, source extraction scratch files, and unrelated earlier prototype assets are ignored by Git.