Skip to content

Use case — web app

Build a booking system that fits your availability rules

Off-the-shelf scheduling breaks on the rule that makes your business yours: the two-hour buffer, the room that can take six people but only four on Saturdays, the deposit before a slot is held. So the booking runs by message, and somebody keeps the real calendar in their head. A booking system is availability rules, a customer-facing flow, a confirmation and an owner view — Vibely builds those from a description, on a real database, deployed to a URL you can put on your own domain.

  • Availability rules enforced in the database, not in a spreadsheet
  • Separate customer and owner views behind one sign-in
  • Stripe available as a shipped connector when you want deposits
  • Deploys to a live URL — nothing for your team to install
  • Custom domain support when you are ready to launch it
  • React and TypeScript you own, synced to GitHub whenever you want it

Start with this prompt

Paste it in and edit the details to match your own. Being specific about the screens and the data is what separates a working app from a mockup.

Build a booking system for a two-room pottery studio.

Customer side: pick a class, see the open slots for the next four weeks, and book with a name, email and phone. Only show slots that are genuinely free.

Rules: classes run Tuesday to Saturday, 10:00 to 18:00, in two-hour slots with a thirty-minute buffer between them. Each room takes six people. No bookings on Sundays or Mondays.

Owner side: a sign-in, a day view and a week view of who is booked, and a way to block out a date.

Data in Supabase. Seed a couple of weeks of bookings so both views look real.

What to build next

  • Add a Stripe deposit that has to be paid before the slot is held.
  • Add a cancellation link in the confirmation, with a 24-hour cutoff.
  • Add a waitlist for full slots that promotes the first person on a cancellation.

Web app

What the build actually consists of

For studios, clinics, tutors, classes, rentals and service businesses whose scheduling has one rule the tools do not support. If a generic scheduling link genuinely fits your business, use one — this is for the case where it does not.

01

Your rules, as rules

Opening hours, slot length, buffers, capacity per slot and blackout dates as data the app enforces, so a double booking is impossible rather than merely discouraged.

02

Two views of the same calendar

A customer flow that shows only genuinely open slots and takes the booking, and an owner view that shows the day, the week and who is coming — with sign-in separating the two.

03

Live, on your domain

Deployed on the first build, with a custom domain when you are ready, and the React and TypeScript exportable to GitHub. Add Stripe when you want a deposit to hold the slot.

What you get

  • A customer booking flow that only ever offers open slots
  • Availability, buffers and capacity as rules you can change by asking
  • An owner calendar for the day and the week
  • Confirmation screens, and confirmation emails when you add a mail provider
  • A live URL, ready for a custom domain

Describe it. Watch it build.

Paste the prompt above and react to something running instead of writing a spec. The free plan needs no card, and the code is yours from the first build.

Start building

FAQ

Questions, answered.

Does it send confirmation emails?+

The screens and the records are built for you. Sending mail needs an email provider account and an API key — that is not one of the nine connectors we ship, so it is a few lines the agent writes into your code against whichever provider you already use. Say which one in the prompt and it will be wired in.

Can customers pay when they book?+

Yes. Stripe is a shipped connector, so a deposit or a full payment at booking is a live Stripe flow in your own account rather than a placeholder.

Can I put it on my own domain?+

Yes. Projects deploy to a live URL immediately and you can point a custom domain at one when you are ready to make it the front door.

Could this be an app on my customers’ phones?+

It can. Vibely also builds native iOS and Android apps with React Native and Expo from the same description, including push notifications for reminders — useful if the same customers book weekly. For a one-off booking, the web app is usually the better front door.