I built a custom admin dashboard for a boutique hotel with 8 luxurious wooden cabins, designed exclusively for hotel staff to streamline daily operations. The application centralizes all essential tasks — from managing cabins and bookings to handling guest information — making hotel management faster, smarter, and more efficient.

The platform comes with a secure authentication system, ensuring that only verified staff can log in. New users can only be registered by existing employees, keeping access strictly internal. Each user can personalize their profile by uploading an avatar, updating their name, or changing their password.

On the cabins management side, staff can view all cabins in a clean, tabular format with photos, capacity, pricing, and discounts. They can easily add new cabins, update details, or delete existing ones — including uploading high-quality photos to showcase each cabin.

For booking management, the app provides a comprehensive overview of all reservations. Staff can track arrival and departure dates, status (unconfirmed, checked-in, checked-out), number of guests, number of nights, special observations, and even breakfast bookings. The booking table is fully filterable by status, making it effortless to manage guest flows. During check-ins, payments can be confirmed, and breakfast plans can be updated for the entire stay.

The guest management system stores complete records, including name, email, national ID, nationality, and even a country flag for quick identification — ensuring smooth check-ins and personalized guest service.

At the heart of the application is an intuitive dashboard, giving staff a real-time snapshot of hotel performance. It highlights check-ins and check-outs for the current day, along with key statistics on bookings, sales, occupancy rates, and stay durations. Interactive charts visualize daily hotel sales (including extras like breakfast), providing insights that help the hotel optimize its operations.

Built with a modern tech stack — React.js (with Vite), React Router, TanStack Query, React Hook Form, Supabase, Recharts, and more — the application delivers a seamless user experience, complete with dark mode support for better accessibility.

This project demonstrates my ability to design and develop full-featured, data-driven web applications that solve real-world problems, while focusing on usability, performance, and secure access control.