I developed the client-side booking platform for a boutique hotel with 8 luxurious wooden cabins, designed to give guests a seamless experience from discovering the property to reserving their perfect stay. The website serves as the digital face of the hotel, offering guests an elegant and intuitive way to explore cabins, manage bookings, and personalize their stay.

Guests can easily browse all cabins, view detailed information such as photos, amenities, capacity, and even check availability with booked dates highlighted. To simplify the process, cabins can be filtered by maximum capacity, helping guests quickly find the option that best fits their group size.

The reservation system allows guests to select a preferred date range and reserve a cabin. While payments are handled offline, every reservation is recorded in the system with an “unconfirmed” status until the guest checks in at the hotel. Guests can view their past and upcoming reservations in one place and even update future bookings with ease.

To provide a personalized experience, users must sign up or log in before making a reservation. Upon signing up, each guest automatically gets a profile in the hotel’s database. Guests can then update their basic profile details — such as name, email, or other information — ensuring faster and smoother check-ins when they arrive at the hotel.

Built with a modern and responsive tech stack — Next.js, Context API, Tailwind CSS, Supabase, date-fns, and React Icons — the platform delivers a fast, reliable, and visually appealing interface. Every feature is designed to enhance the guest journey, from exploring the cabins to securing a reservation in just a few clicks.

This project highlights my ability to create guest-focused web applications that combine usability, performance, and modern design to improve the overall hospitality experience.