Hotel Booking Web App

Hotel Booking Web App

A modern and responsive hotel booking web application built with React and Firebase, enabling users to check availability, select dates, and reserve rooms in real-time.

A modern and responsive hotel booking web application built with React and Firebase, enabling users to check availability, select dates, and reserve rooms in real-time.

Category

Category

Web Application / Booking System

Web Application / Booking System

Services

Services

Frontend Development, Firebase Integration, UX Optimization

Frontend Development, Firebase Integration, UX Optimization

Client

Client

Concept Project

Concept Project

Year

Year

2025

2025

💡 Project Overview

This booking platform simulates a real-world hotel reservation system. It features calendar-based date selection, real-time availability checks powered by Firebase Firestore, and UX-focused constraints like booking limits and disabled holiday dates. It is a fully responsive web app designed for global users, with support for localized features such as the Korean time zone.

✨ Key Features

  • 🔥 Real-time room booking with Firebase Firestore

  • 📅 Calendar-based date selection (check-in & check-out)

  • 🛏️ Room selection functionality

  • 🌐 Korean time zone (KST) support with UTC-based backend

  • 🚫 Holiday and full-capacity date restrictions

  • 📱 Fully responsive on all devices

  • ⚛️ React state management with useState and useEffect

🛠️ Tech Stack

React · TypeScript · JavaScript (ES6+) · CSS · Firebase · Git & GitHub · Vercel

🔗 Live Demo

hotel-booking-app-azure.vercel.app

📂 GitHub Repo

https://github.com/jinhyun-dev/hotel-site


Let's talk

Email:

jinhyunkim319@gmail.com

Reach out:

© Jinhyun 2025

Let's talk

Email:

jinhyunkim319@gmail.com

Reach out:

© Jinhyun 2025