Guest journey
Browse rooms, log in, submit stay details, run a test payment, and receive a mock reservation status.
MemberGuest mode
PaymentNot started
ReservationNo request
Boutique hotel booking app
Quiet harbor stays,
managed in one app.
A consumer-grade hotel web app for room browsing, member login, reservation requests, test payment, guest notes, and operator follow-up.
No real payment · demo only
Check-inOct 10
Check-outOct 12
Guests2 adults
StatusReady
01 Room catalog and guest intent
02 Mock login and test payment layer
03 Operator dashboard with booking records
Rooms
Choose a room,
then request the stay.
Rooms are real app objects. Selecting one passes data into the reservation and checkout workflow.
Guest flow
Not a static page.
A working booking flow.
Login, booking, payment, and dashboard surfaces stay hidden until the related action happens.
Operator dashboard
Booking records appear here after submission. Production can replace this mock store with Supabase and email/payment webhooks.