How limitless-infoech-solutions/service-booking-system works
This is a service-business appointment booking application. Customers select services, choose an available date and time, review the booking, provide contact details, and reach a confirmation view. The sampled appointment page creates a temporary booking hold and authenticates/attaches a customer; the availability and service APIs support selection. Payment and the remaining booking screens are present in the tree, but their runtime wiring and completion behavior are not established by the excerpts.
Main entry points: page.js Appointment flow · supabase.js Supabase client · book Booking pages · ServiceSelectionStep.jsx Service selection
Components 20
Customer experience
- Business landing
src/app/page.js - Booking pages
src/app/book
Booking workflow
- Appointment flow
src/app/book/appointment/page.js - Service selection
src/components/bookings/ServiceSelectionStep.jsx - Service card
src/components/bookings/ServiceCard.js - Booking review
src/components/bookings/BookingReviewStep.jsx - Payment step
src/components/bookings/PaymentStep.jsx - Customer auth UI
src/components/bookings/CustomerAuthModal.jsx - Booking summary
src/components/bookings/BookingSummary.js - Booking options
src/components/bookings/bookingOptions.js
Booking APIs
- Service catalog API
src/app/api/services/route.js - Availability API
src/app/api/services/availability/route.js - Booking hold API
src/app/api/bookings/hold/route.js - Customer check API
src/app/api/customers/check/route.js - Customer auth API
src/app/api/customers/authenticate/route.js
Data access
- Service catalog data
src/data/serviceData.js - Pricing data
src/data/pricing.js - Supabase client
src/lib/supabase.js
Other components
- Customer
- Supabase
Connections 22
- Customer → Business landing: browses
- Customer → Booking pages: books through
- Business landing → Booking pages: links to
- Booking pages → Appointment flow: hosts
- Service selection → Service card: renders
- Service selection → Service catalog data: uses catalog
- Appointment flow → Service catalog API: requests services
- Appointment flow → Availability API: checks slots
- Appointment flow → Booking hold API: creates hold
- Appointment flow → Customer auth API: authenticates customer
- Appointment flow → Booking review: shows review
- Appointment flow → Payment step: shows payment
- Appointment flow → Customer auth UI: shows auth UI
- Appointment flow → Booking summary: shows summary
- Appointment flow → Booking options: uses options
- Customer → Customer check API: checks account
- Service catalog API → Supabase client: queries via
- Availability API → Supabase client: queries via
- Booking hold API → Supabase client: reads and writes via
- Customer check API → Supabase client: queries via
- Customer auth API → Supabase client: reads and writes via
- Supabase client → Supabase: connects to