Balai Almeda Website & Reservation System

EducationalAcademic Capstone ProjectFull-stack Developer

A public-facing website and reservation system for Balai Almeda Hotel, combining room discovery and a virtual tour with backend-powered availability checks, guest accounts, and online booking workflows.

Connected to Balai Almeda Hotel IMIS as part of the same hotel system.

Vue 3Tailwind CSSPiniaMySQLExpressNode.js

Problem / context

Guests need more than hotel information: they need to explore rooms, check availability for their stay, and manage reservations. The website connects hotel discovery with a database-backed booking experience.

What was built / role

I developed the frontend and backend integration for room listings and details, date and duration-based availability, guest registration and sign-in, reservation checkout, and booking history. The website also includes hotel information, offers, location details, and an interactive 360-degree virtual tour.

Screenshot gallery

Balai Almeda Website & Reservation System screenshot 1
Balai Almeda Website & Reservation System screenshot 2
Balai Almeda Website & Reservation System screenshot 3
Balai Almeda Website & Reservation System screenshot 4
Balai Almeda Website & Reservation System screenshot 5
Balai Almeda Website & Reservation System screenshot 6
Balai Almeda Website & Reservation System screenshot 7
Balai Almeda Website & Reservation System screenshot 8
Balai Almeda Website & Reservation System screenshot 9
Balai Almeda Website & Reservation System screenshot 10

Key technical decisions / challenges

The main challenge was carrying room and stay selections from availability checking into checkout while keeping prices and booking eligibility validated by the backend. Server-managed checkout drafts, authenticated guest flows, and clear handling of expired or unavailable selections keep the reservation experience consistent.

Links