Ibrahim Abdulrahman
All work
Prototype2026Websites · Business Software

Whitefield Hotel

A hotel website where guests can book a room or reserve a table online

Screenshot of Whitefield Hotel

Overview

A hotel's website is often the first impression a guest gets. This project explores what a complete online presence for a full-service hotel looks like: a site that presents the rooms, restaurant, gym, pool and events well, and lets guests act on what they see by booking directly instead of calling.

The problem

Many hotel websites are static brochures. Guests can look at photos, but to check availability, book a room or reserve a table they still have to call or send a message, and the hotel ends up handling those requests across phone calls, chats and paper.

What I built

One website that covers both sides. Guests get pages for rooms, the restaurant, gym, pool, events and a gallery, plus a step-by-step booking flow and restaurant reservations with email confirmation. Hotel staff get an admin dashboard for bookings, rooms, gym, pool and restaurant management, booking and revenue charts, content editing, and role-based access. Supabase handles data and sign-in, Paystack handles payment, and Resend sends the confirmation emails.

My role

Solo: designed the database (rooms, bookings, admin roles), built the guest booking flow (room selection, guest details, payment, confirmation) and restaurant reservations, and built the admin dashboard (analytics charts, content editing, booking, room and user management).

Technical challenges

Making the booking flow behave correctly from start to finish (selection, guest details, payment, confirmation) while keeping every screen usable on sample data before real payment credentials exist, and designing one admin data layer that covers five different parts of the hotel without repeating the same logic for each.

Current status

Prototype

Prototype. A concept project, not built for a specific hotel. The guest pages and admin dashboard are deployed and work end to end in a visible demo mode on sample data; real payments are not switched on.

What it does

  • Room browsing and a guided booking flow with guest details and payment
  • Restaurant table reservations with confirmation emails
  • Dedicated pages for the restaurant, gym, pool, events and gallery
  • Admin dashboard: bookings, rooms, gym, pool and restaurant management, CSV export, and revenue and booking charts
  • Role-based staff access, plus search engine groundwork (sitemap, structured data, generated social preview images)

Technology

Next.js 15TypeScriptSupabasePaystackResendTailwind CSSshadcn/uiFramer Motion

Need something like this for your business?

Tell me what you're working on and I'll get back to you.