💅 Bloom Beauty StudioAppointment booking · same workspace, customer view

Select Your Appointment Date

October 2026

My appointments

Interactive local prototype: the owner and customer previews share data inside this browser only. No real login or remote-phone synchronization yet.

Choose a time

Select your preferred appointment start

Calendar
LOCAL • LOADING · v16JD
Upcoming0scheduled items
Open slots0on selected day
People0in this unit
Services0customizable activities

Select Your Appointment Date

October 2026

Select a date for full details. Hover over a date for availability and scheduled events.

Appointments & events

DateTimeLengthService / eventAssigned toCustomer / ownerStatus

Select a day

OPEN

Choose a calendar date to view time slots.

Available time slots
Appointments Click to see booked events

Ready-to-use industry calendars

Click any card to preview the actual services, staffing and suggested hours. Use a template or start completely blank. Everything is editable.

Monthly team schedule

Entire month at a glance · select any date to change a shift · choose a worker to apply a ready-made rotation.

● Working○ Rest day● Leave● Review assignmentHover for details · click any day to edit

Patterns repeat across months. Individual day edits override the pattern. Existing appointments remain intact and are reviewed if a shift becomes unavailable.

People and permissions

A username identifies an individual; membership determines which workspace they can open; their role controls what data they can read and change. The role switcher on this prototype only demonstrates views — it does not authenticate anyone.

Access model

Owner / organizer

Manages all authorized unit appointments, resources, members, services, hours, and invitation settings. Sensitive details still follow purpose-based rules.

Worker / family member

Sees their own assignments and relevant shared information. Other private calendar events remain busy/free unless explicitly shared.

Customer / guest

Sees bookable availability, their own bookings, and public shared events. Never receives other customers' names or private appointments.

Scheduling settings

Control the time choices customers see in this workspace. Changes apply to future availability—not the times of existing bookings.

Owner / manager

Business hours and booking intervals

Minutes between possible appointment start times, not the length of an appointment. Set any whole number from 1 to 120; common choices are 5, 10, 15, 20, 30 and 60.

Days open to new bookings

Defaults for an individual service

Leave the service's interval blank to use the workspace setting. An individual booking can have a different duration; scheduled appointments retain their existing length.

Existing bookings are retained. Preview changes before saving.

What works here — and what a real launch needs

This self-contained HTML file is a functional interaction prototype. It intentionally operates entirely in your browser, without connecting to or modifying any Observatory system.

Working in this demo

Month navigation, seven expandable task catalogs, staff-specific weekly shifts, date overrides, sickness/vacation periods, reviewed appointment transfers, stable worker/service IDs, booking and conflict checks, family availability, and JSON export/import.

Not yet connected

Real usernames/passwords, cross-phone sharing, secure server authorization, multi-user transaction locking, reminders, invitations, RSVP delivery, and calendar integrations need a deployed backend.

Production foundation

One central application with individual accounts, workspace membership, role-scoped APIs, auditable appointments, configurable templates, a transactional database, mobile web/PWA, and server-side time-zone handling.

Data boundaries

All demo records are saved only to this browser's local storage. A person on another phone will not see them. This is by design, so the prototype does not misrepresent a local UI as a functioning multi-user service.

Calendar date details

Event

Confirm appointment

The service's listed duration is a suggestion. Your booking may be shorter or longer.
Location details (optional)

Appointment details

Checks this worker's shift and other appointments before changing anything.

Customize your workspace

The same calendar engine, configured for your unit.

This is a read-only snapshot. Use Templates & services → Manage service catalog to rename, add, archive, set durations, cleanup times and qualified workers.
Each professional or crew has their OWN weekly shifts and dated exceptions. To rename/add/archive staff without breaking assignments, use Crew / staff schedules → Manage workers / crews.
Existing demo appointments are preserved when editing a template. For production, service changes, resource deletion, overtime, holidays and invitation access require explicit business rules.

Create a workspace

Choose a ready-made setup or begin with an empty workspace.

Services your team can offer

Rename or add a service, choose how long it takes, and assign who can perform it. No technical setup needed.

Setup / cleanup = time reserved between appointments. “Who can perform it?” = which team members may be assigned.

Changes apply when you save. Hiding a service does not erase past appointments.

Workers & crews

Edit names without changing employee/crew IDs. Add a worker, or archive one after their appointments are reassigned.

Existing assignments, shifts and qualification links keep the same identity after a rename.

Apply work rotation

Choose an established pattern or customize your own. Existing bookings stay linked to this person.

Weekly working hours

Recurring schedule for this person / crew. Each day is independent.

DayWorkingFromUntilBreak fromBreak until

Daily shift

One day or a continuous absence/shift period. All affected appointments will be reviewed together.

Review appointment transfers

Compare qualified, working and conflict-free replacements. Nothing moves until you confirm.

Test workspace library

100 fictional households and a busy 2026 beauty salon. Existing workspaces are kept separate.

🎂 Everyone's birthday

Birthday list for the selected family.

Booking details and delivery

Click each tile for details. Automatic delivery requires a configured VPS sender.

Demo QR: appointment summary only. A verified booking link will be available after VPS deployment.

Scan to read booking details

Bulk setup & yearly imports

Import one batch at a time. Preview changes before applying them to the selected workspace.

What are you importing?
Import spreadsheet file

Paste rows from Excel (or edit the sample)
No changes made. Choose a batch and check it first.
Local storage, backup and VPS email delivery

The downloadable HTML saves the demo to this browser's IndexedDB rather than the small localStorage quota. Opening a different downloaded file may use a different browser origin. For real phone-to-phone calendars, host the application and connect authenticated workspace storage.

VPS API address (optional)
Email delivery

Checking server configuration…

Add a service or work type

One service, a usual length, and the team who can do it.

The usual duration is only a suggestion. Every actual booking can have its own length. This service immediately becomes available in the selected workspace.

Add a member

Manage workspace people and their roles.

Local workspace members are demonstration records; live invitations, sign-ins and enforced permissions require the deployed VPS identity service. No email is sent from this dialog.
\ \n

Template preview

Examine what is included before creating a new workspace