Alcove Events Studio is a premium studio space rental business offering multiple venues for photoshoots, events, and creative productions. I built their full booking platform from scratch: a customer-facing website with real-time availability and online payments, paired with a comprehensive admin dashboard for managing every aspect of the business.

Role: Full-Stack Developer

Stack: Next.js 15 · TypeScript · Supabase · Paystack · Tailwind CSS · Framer Motion · Vercel

The client was managing all bookings manually : phone calls, WhatsApp messages, and spreadsheets. This created several pain points:

Double bookings were a recurring issue with no centralised availability calendar.

Payment collection was inconsistent, with no way to enforce upfront deposits or caution fees.

Customer follow-ups (confirmations, reminders) were entirely manual.

No business visibility: no easy way to see revenue trends, customer history, or upcoming bookings at a glance.

I started with the end user experience and worked backwards to the data layer:

Discovery & Scoping — Mapped out the full booking lifecycle: browsing spaces → checking availability → selecting time slots → payment → confirmation email → admin visibility.

Database Design — Modelled the schema around five core entities (spaces, bookings, customers, blocked dates, space images) in PostgreSQL via Supabase, with row-level security policies for data protection.

Incremental Delivery — Shipped the customer-facing site first, then layered on the admin dashboard, payment integration, and email automation in phases.

Space browsing with rich image galleries, feature lists, and per-space pricing

Real-time availability calendar — customers instantly see which dates and time slots are open

Flexible hourly booking (1–24 hours) with dynamic price calculation including caution fees

Secure online payments via Paystack (Nigeria's leading payment processor), with webhook verification

Automated confirmation emails sent via Mailtrap on successful booking

Dashboard overview with real-time stats: total bookings, revenue, customer count, and occupancy

Booking management — list and calendar views (react-big-calendar), with the ability to create, edit, and track bookings

Customer CRM — profiles with full booking history and lifetime spend

Space management — update pricing, features, images, and availability per venue

Blocked dates — one-click date blocking for maintenance or private events

Payment tracking — monitor transaction status and payment history

Eliminated double bookings — real-time availability checks prevent conflicts before they happen

Automated payment collection — every booking is paid upfront, including caution fees, removing the need for manual follow-up

Reduced admin workload — confirmation emails, availability updates, and customer records are all handled automatically

Business intelligence — the owner can now see revenue trends, top customers, and occupancy rates at a glance

Premium brand experience — the website's design and animations reflect the quality of the physical spaces, building trust with first-time visitors