SAMPLE · Cedar Thread Tailoring · Made-up business

How the booking app works

A customer books a fitting. The shop sees it and manages the schedule.

Customer view

Follow each booking step.

→

Where bookings are kept

In this sample, everything stays in this browser. A real build keeps bookings on a server the shop and customers share.

Shop view

Same bookings, shop side.

Cedar ThreadChoose fitting → Choose time

SAMPLE app handover

What we build

Booking screens and shop controls, with the rules shown here.

This sample stays in this browser. Its message is a preview. It sends no email.

Read every step as text

Selected step

Choose fitting

Read fitting types

Uses: Fitting titles, duration and preparation notes from the sample settings.
Saves: The fitting the customer has chosen so far.
What happens: The customer can choose First fitting, Hem pin-up, Suit fitting or Wedding party fitting.

Source evidence

booking-sample/app.mjs:32,74

Selected step

Choose time

Check available slots

Uses: Open hours, blocked dates, room capacity, fitting duration and buffer.
Saves: The date and start time the customer has chosen so far.
What happens: The app offers the next 14 days. It checks room capacity and skips times that have passed.

Source evidence

booking-sample/engine.mjs:22-38

Selected step

Add details

Keep details while booking

Uses: Details entered so far and any fields that need fixing.
Saves: Contact details and garment choice, plus an event date and notes if entered.
What happens: The details screen checks the fields before the customer can review. The sample can fill made-up contact details.

Source evidence

booking-sample/app.mjs:41,65,71

Selected step

Review booking

Check again, then save

Uses: The chosen fitting, time and contact details. The app checks the latest bookings again before saving.
Saves: A confirmed booking in this browser after the time and details pass checks.
What happens: A rejected slot returns to the time screen. Tapping confirm twice still makes one booking.

Source evidence

booking-sample/app.mjs:21,43,89

Selected step

Read receipt

Manage the fitting

Uses: The saved booking, its status and change history.
Saves: A calendar download when requested. Moving or cancelling updates the booking kept in this browser.
What happens: The message is a preview. No email is sent. Undo works only when the previous time and capacity still allow it.

Source evidence

booking-sample/app.mjs:44,90,91,92,93

Selected step

Saved bookings

Kept in this browser

Uses: Saved settings and bookings.
Saves: Updated settings, bookings and history.
What happens: Customer and shop views use the same bookings in this browser. Separate devices do not share them. If the browser can't save, the page keeps working until it's closed.

Source evidence

booking-sample/app.mjs:14,15,21,105

Selected step

Booking in progress

Saved as the customer types

Uses: The unfinished booking in this browser tab, if there is one.
Saves: An unfinished booking in this browser tab and a copy kept in this browser.
What happens: The unfinished booking keeps the current step and choices. It stays separate from confirmed bookings.

Source evidence

booking-sample/app.mjs:13,16,49

Selected step

Starting data

Fittings and sample bookings

Uses: The sample fitting settings and made-up bookings supplied with the app.
Saves: Starting settings and bookings when the browser has no usable saved copy. The app then saves them in this browser.
What happens: The app starts with fitting settings and made-up sample bookings. Reset restores that starting copy in this browser.

Source evidence

booking-sample/app.mjs:100,105

Selected step

Edit availability

Shop view

Uses: Current opening hours, blocked dates, rooms, fitting durations and buffers.
Saves: Checked settings in this browser when Save schedule is chosen.
What happens: Existing bookings stay in place when the shop reduces room capacity.

Source evidence

booking-sample/app.mjs:47,96

Selected step

Read bookings

Shop view

Uses: Bookings kept in this browser, listed by start time.
Saves: Which booking receipt to show when a row is chosen.
What happens: Choosing a row opens that booking in the customer receipt view. This sample has no staff sign-in.

Source evidence

booking-sample/app.mjs:48,79

Selected step

Export or import

Files on this device

Uses: Saved settings and bookings to download. A chosen booking backup to load.
Saves: A spreadsheet download or booking backup. Loading a backup replaces settings and bookings in this browser after checks and confirmation.
What happens: Reset also needs confirmation. Before loading a backup, the app checks that it is a supported version and uses only the expected details.

Source evidence

booking-sample/app.mjs:68,97,98,100

About this sample

We build custom software and apps, quote only. Your version would share bookings across devices and add staff sign-in, scoped with you.

Ask for a quote

ThinkCodec · Dallas-Fort Worth and the Chicago area.