The next project i’m showcasing from the list of projects i’ve built this year isThe next project i’m showcasing from the list of projects i’ve built this year is
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
The next project i’m showcasing from the list of projects i’ve built this year is a full-featured hotel website with direct bookings, booking management and lots more👇🏾
Why are hotels still losing 15-25% of their revenue to Booking. com and Expedia commissions?
To solve this, I designed and engineered a custom, enterprise-grade Direct Booking Engine & Property Management System (PMS) from the ground up.
I set out to build a highly optimized, 5-star luxury website, but it quickly evolved into a full-scale hospitality machine capable of automating a hotel's entire front desk.
Here is a look under the hood at the architecture and features:
The Tech Stack: Built for blazing speed and SEO using Next.js (App Router), TypeScript, Tailwind CSS, Framer Motion, and Firebase (Firestore, Auth, Storage, & Admin SDK).
Key System Features:
Smart Automation (Cron Jobs): Built secure Next.js API routes that run hourly to auto-cancel unpaid 24-hour holds, trigger 12-hour payment reminder webhooks, and alert staff of no-shows.
Live Inventory Matrix: Engineered a real-time, visual room availability grid that maps active bookings to physical room numbers, managing walk-in constraints to absolutely prevent double-booking.
Dynamic Offers Engine: A complex checkout algorithm that monitors date-picker data (like minimum-night requirements) to dynamically calculate and apply conditional discounts before writing strict payloads to the database.
Premium Media Architecture: Built a custom media component that seamlessly renders videos as silent, auto-playing background elements for a high-end luxury aesthetic.
Guest CRM & Analytics: Tracks Guest Lifetime Value (LTV), actual check-in/check-out stay history, and dynamic revenue trend charts.
I focused heavily on creating an "app-like" mobile UX, utilizing native iOS-style bottom sheets and horizontal scroll-snap masonry galleries to make the direct booking experience feel incredibly premium.
Whether you're a hotel owner tired of clunky third-party booking software, or a developer interested in Next.js/Firebase architecture, I’d love to hear your thoughts!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started