Build a Booking & Appointments App

Build a website for [BUSINESS NAME], which offers [WHAT YOU DO, e.g. private physiotherapy sessions]. The purpose of the site is to get the right person to book an appointment.

Pages: a home page explaining what you offer, who it is for and what happens at a first appointment, with a clear button to book; a services page listing everything bookable; a page for one single service; an about page; and a contact page with a form that emails me at [EMAIL] and also stores every submission.

Store the services as editable data with a private owner screen where I can add and edit them. Each service has a name, a short description, a longer description, how many minutes it takes, its price, whether it happens in person or online, and whether it is currently offered. Only services marked as currently offered appear to visitors.

On the services page show each one as a card with its name, duration, price and a button that says [BOOK BUTTON WORDING]. The button should not do anything yet — I am adding the calendar in the next step.

Include a section answering the questions customers actually ask before booking: [YOUR THREE MOST COMMON QUESTIONS].

Design: [THREE ADJECTIVES, e.g. calm, professional, uncluttered]. Colors: [YOUR COLORS]. It must be comfortable on a phone, because most people book from one. Use labelled image placeholders saying [REAL PHOTO NEEDED] — do not use stock photography and do not generate photos of people, treatments, results or premises from scratch. Editing my own real photos is fine; only invented or generated scenes are the problem.

Add three example services clearly labelled as examples for me to replace.

When finished, tell me where I edit my services and what text and images are still examples.

Add appointment booking to this site.

I define my availability on a private owner screen: my working hours for each day of the week, specific dates I am unavailable, how many minutes of gap I need between appointments, how far in advance someone may book, and how close to the start time a booking may still be made. Each service already has its own duration and must use it.

A visitor picks a service, then sees a calendar showing only times that are genuinely available — inside my working hours, long enough for that service, respecting my gap, not on a blocked date, and not already taken. Times already taken must not be shown as choosable at all.

Show every time in the visitor's own time zone with the time zone named on screen, and store every appointment in a way that stays correct across time zones and daylight saving changes.

To book, the customer gives [FIELDS YOU NEED, e.g. name, email, phone] plus anything specific to the service: [SERVICE-SPECIFIC QUESTIONS]. After booking they see a confirmation page with the service, date, time, duration, price and location or joining method.

The critical requirement: two people must never end up with the same slot. Check availability again at the moment of saving, not only when the calendar was displayed. If two people submit the same slot at nearly the same moment, exactly one booking is created and the other person is told clearly that the time was just taken and is shown the next available times.

Add an owner screen listing all bookings with the customer's details, sortable by date, where I can cancel a booking.

Do not add payments, emails or reminders yet.

Add automatic messages and calendar handling to this booking system.

When someone books, immediately email them a confirmation with the service, date, time in their own time zone, duration, price, location or joining link, my cancellation rules, and a calendar file they can add to their own calendar. Email me a copy with their contact details and any answers they gave.

Send the customer a reminder [HOW LONG BEFORE, e.g. 24 hours] before the appointment, and only if the appointment is still active. Never send a reminder for a cancelled appointment and never send the same reminder twice.

Every confirmation and reminder includes a private link that lets the customer reschedule or cancel by themselves. Rescheduling shows the same availability rules as normal booking and frees their old slot only once the new one is confirmed. Allow changes up to [YOUR CUTOFF, e.g. 24 hours] before the appointment; after that, the link explains my policy and tells them how to reach me.

Notify me when a customer cancels or reschedules, and show cancellations clearly in my owner screen rather than deleting them.

Also connect confirmed bookings to my own [CALENDAR SERVICE, e.g. Google Calendar] so they appear in the calendar I actually use, and update or remove the entry when a booking changes or is cancelled. Tell me exactly what I need to do to authorize that connection.

Use a proper email delivery service so these messages reliably arrive rather than landing in spam, and tell me what I need to set up for that.

Add optional deposits to this booking system using [PAYMENT PROVIDER, e.g. Stripe] in test mode.

I decide per service whether it requires a deposit and how much: [WHICH SERVICES AND HOW MUCH]. Services without a deposit keep booking exactly as they do now, with no payment step.

When a service requires a deposit, the customer chooses their time and then pays on the provider's own secure payment page. Never handle or store card details on my site.

The slot must only be confirmed once the payment is confirmed. If the customer abandons payment, the slot is released for other people within [HOLD TIME, e.g. 15 minutes] rather than staying blocked. The booking must be created by the payment confirmation itself, never by anything the customer's browser can trigger.

The confirmation email states clearly what was paid, what remains to pay, and my refund rule: [YOUR DEPOSIT AND REFUND POLICY]. Show the same rule on the booking page before payment, not only afterwards.

Add a simple owner view of deposits taken, and tell me what I must do myself in the payment provider's dashboard, including where to put my secret key in the platform's secure settings.

Improve my owner tools for this booking system.

Give me a dashboard showing today's appointments in order with customer names and contact details, this week at a glance, how many bookings and cancellations happened this month, and which services are booked most.

Let me block time off — a single afternoon, a full day or a holiday range — and have those times disappear from public availability immediately without touching existing bookings. Warn me if I block a period that already contains a booking, and show me which ones.

Let me add an appointment manually for someone who booked by phone, using the same availability rules so I cannot create a clash.

[IF YOU HAVE STAFF, KEEP THIS PARAGRAPH:] Support more than one person taking appointments. Each has their own working hours, their own time off and their own services. Customers either choose who they want or take the first available person, and each staff member sees only their own day.

Keep everything already working exactly as it is — especially the double-booking protection, the confirmation and reminder emails, and the payment flow.