Skip to content
Marketplace

Template Productivity · Booking calendar

Booking Calendar

A booking starter: rooms and staff with weekly availability rules, a week calendar to book, move and cancel, a public booking flow that only offers free slots, overlap conflicts refused by the services, and bookings that complete or no-show as simulated time advances.

A starting point: runs as a live demo, and copies into a new prototype.

Screenshot · shown in its full screen shell

Live preview

1280×800
Live demo bundled static build Open
Screenshot of Booking Calendar

No live preview yet.

Each prototype stores its data in IndexedDB for the address it runs on. Data you create at localhost:5173 is separate from a build at localhost:4173 or a published URL, and the framed preview shares storage with that address opened directly.

Highlights

  • Week calendar with drag to move and click to book
  • Public booking flow with free slots only
  • Overlapping bookings refused by the services
  • Completed and no-show states as time advances

Scenarios 5

  • empty
  • active default
  • busy-week
  • viewer
  • client

Each scenario rebuilds a deterministic world. Open one with ?scenario=<id>.

Spec kit

Every prototype carries a spec any agent can follow to rebuild it in a real app: the files below, in templates/booking-calendar/, with generated regions kept in sync with the code.

  • AGENTS.md
  • docs/SPEC.md
  • docs/DATA_MODEL.md
  • docs/FLOWS.md
  • docs/SCREENS.md
  • docs/PERMISSIONS.md

Check that the spec is current

pnpm protoyard spec booking-calendar --check

Rebuild kit (ZIP)

pnpm protoyard spec booking-calendar --bundle