ClassMap is a drag-and-drop seating chart app built specifically for classroom teachers. Add students, arrange them visually on a grid, and save your layout — all from a clean, distraction-free interface that works on desktop and tablet browsers.
No account needed. No backend. No install required — but it can be installed as a Progressive Web App (PWA) directly from the browser for offline use.
- Drag-and-drop layout — move students around the room visually
- Add / remove students — quick name entry, instant placement
- Persistent storage — layout saves automatically in the browser
- Installable PWA — works offline, installs to desktop or tablet home screen
- Zero dependencies — single HTML file, no frameworks, no build step
- Responsive — optimized for classroom desktop monitors and tablets
Or install it as an app: open the link above in Chrome/Edge and click "Install" in the address bar.
Option 1 — Just open it
Download index.html and open it in any modern browser. That's it.
Option 2 — Run locally
git clone https://github.com/d3e2j2m1p1-wq/ClassMap.git
cd ClassMap
# Open index.html in your browser — no server needed
open index.htmlOption 3 — Install as PWA Visit the live demo, then use your browser's install prompt to add it to your desktop or home screen.
| Language | Vanilla JavaScript, HTML5, CSS3 |
| Storage | Browser localStorage |
| Deployment | GitHub Pages |
| PWA Packaging | PWABuilder (Microsoft Store ready) |
| Dependencies | None |
Most classroom tools are bloated. Teachers need something that just works — no logins, no updates, no IT permissions. A single self-contained HTML file can be shared via email, saved to a USB drive, or opened on any school computer without installation.
- Export layout as PDF / image
- Multiple classroom layouts (tabs)
- Student notes / attendance tracking
- Microsoft Store release via PWABuilder
Miguel Angel Davila Carrasco
MS Business Analytics · Cal State East Bay
github.com/d3e2j2m1p1-wq