← Back to Portfolio
Mobile App · Group Project

Hotel Booking App

A collaborative mobile app for hotel room discovery and bookings with secure authentication, multi-role administration, and real-time availability.

RoleDeveloper
TechFlutter · Dart
FocusAuth · Roles · Booking

Overview

A collaborative mobile application for hotel room discovery and bookings. The app supports secure authentication, multi-role administration (guest, staff, manager), and real-time room availability with conflict-free reservations. I focused on building a responsive Flutter UI, wiring the booking flow, and implementing role-based access.

Role

Key Features

Real-time Inventory
Live status • No double-book
Role-Based Admin
Guest • Staff • Manager
Booking Flow
Search → Confirm → Receipt

Architecture & Implementation

Flutter UI

Adaptive layouts (phones/tablets), stateful forms, and custom theming for dark/light modes.

State & Data

Repository pattern + providers for separation; DTOs for rooms, bookings, and users.

API Layer

REST endpoints for auth, rooms, and bookings. Optimistic UI with server reconciliation.

UI Screens

Home & Search

Filter by dates, guests, room type; debounced queries.

Room Details

Gallery, amenities, live availability, price breakdown.

Checkout

Conflict check, re-price, confirm booking, and receipt.

Outcome & Reflection

The Hotel Booking App successfully delivered a visually cohesive and functional prototype that demonstrates real-time booking capabilities and smooth user flow. This project allowed me to strengthen my UI/UX design expertise, practice responsive Flutter development, and collaborate effectively in a multidisciplinary team.

Resources