Azure Sands Boracay — Condotel Booking Site
A boutique Boracay condotel needs more than a Facebook page — a real booking site where guests can check availability and reserve a room, plus a way for staff to manage rooms and bookings without touching code.
Overview
A full condotel booking web app on Next.js with a dual-mode data layer: it runs on an in-memory demo store out of the box and switches to a Supabase Postgres database when configured. Guests search by dates and guests, move through a booking wizard to an email-confirmed reservation, while staff manage rooms and bookings from an admin dashboard.
My role
- Full-stack build (Next.js + Supabase)
- Availability search & booking flow
- Admin dashboard
The problem
A boutique Boracay condotel needs more than a Facebook page — a real booking site where guests can check availability and reserve a room, plus a way for staff to manage rooms and bookings without touching code.
What I built
- Availability search by dates & guests
- Multi-step booking wizard with email confirmation
- Admin dashboard for rooms & bookings
Tools used
- Next.js
- Supabase
- Tailwind CSS
- Resend
Challenges
- Designing a dual-mode data layer so the site runs as a zero-setup demo, then upgrades to a real Supabase database with no code changes.
- Handling availability, booking, and confirmation emails as one reliable flow.
Outcome
- Live booking site deployed on Vercel
- Dual-mode data layer: in-memory demo or Supabase Postgres
- Admin dashboard to manage rooms, bookings and availability