Skip to content
Stories & Systems
← Case studies
Education Operations

Seeing the Whole Campus at a Glance

A real-time board for class placement and campus movement, with a rule engine that catches ratio and capacity problems before they happen.

Industry
Early Childhood Education
Engagement
Custom Operations Tooling
Timeline
Iterative build
Built with
  • Next.js
  • TypeScript
  • Supabase
  • Zustand
  • dnd-kit
  • Tailwind CSS

Challenge

A multi-campus childcare organization managed class placement and the daily movement of children between rooms and campuses with static schedules. Staying within staffing ratios and room capacities — and reshuffling when a teacher changed or a campus filled up — was manual, easy to get wrong, and invisible until something already had.

Approach

We built a real-time operational board that makes the whole day visible and editable:

  • Kanban-style placement across rooms and campuses
  • Time-block scheduling for the full day
  • A rule engine that validates ratios and capacity as children are moved, flagging problems before they happen
  • Staff and map views — different ways to see the same day

It runs on Next.js and Supabase with drag-and-drop, so a change is a card move, not a spreadsheet rewrite.

Outcomes

  • Placement changes that took manual effort now happen by dragging a card.
  • Ratio and capacity issues surface the moment they'd occur, not after the fact.
  • Directors can see the operation three ways — board, staff, and map — in one place.
  • A rule engine that encodes the organization's real constraints instead of relying on someone remembering them.

Have a system that needs a story?

Tell us where you're stuck. We'll show you what's possible.

Book a call