← Back to work
Demo ProjectLive

Azure Sands · Condotel Booking

A boutique Boracay condotel needs more than a Facebook page. Guests should be able to check availability and reserve a room on their own, and staff should manage rooms and bookings without touching code.

Azure Sands · Condotel Booking preview

Overview

A full condotel booking 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 guest count, then book through a short wizard that ends with a confirmation email. 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. Guests should be able to check availability and reserve a room on their own, and staff should manage rooms and bookings without touching code.

What I built

  • Availability search by dates & guests
  • Booking wizard with confirmation emails
  • Admin dashboard for rooms & bookings

Tools used

  • Next.js
  • Supabase
  • Tailwind CSS
  • Resend

Challenges

  • Designing a data layer that runs as a zero setup demo, then upgrades to a real Supabase database with no code changes.
  • Keeping availability, booking, and confirmation emails working as one reliable flow.

Outcome

  • Live booking site deployed on Vercel
  • Dual mode data layer: demo store or Supabase Postgres
  • Admin dashboard for rooms, bookings and availability

Project links

azure-condotel.vercel.app

martejohnvincent13@gmail.com