ReactExpress.jsMongoDBNode.jsMaterial UIFirebase

BookedInn.

A sophisticated full-stack hotel reservation web application.

BookedInn

Overview

BookedInn enables customers to effortlessly make hotel reservations, read and submit reviews, and manage their bookings. The backend is powered by MongoDB and Express middleware, utilizing cookie-parsed JWT tokens for server-side authentication.

Key Features

  • User Authentication: Register or log in using email, Google, or GitHub via Firebase Auth.
  • Room Reservations: Guests can book, modify check-in dates, and cancel reservations.
  • Interactive Reviews: Visitors can read and write room-specific reviews.

Application Architecture & Pages

Home Page

Home Page

Serves as the user's first impression, showcasing an attractive dynamic slideshow of images, quick access to popular rooms, and encouraging deeper exploration.

Rooms List & Details

Rooms List & Details

Displays available rooms vertically with a price filtering system. Detailed views offer descriptions, photos, amenities, guest reviews, and reservation options.

My Reservations (My List)

My Reservations (My List)

A personalized section for users to manage their bookings, allowing them to modify check-in dates, cancel, or leave reviews for completed stays.

Authentication & About

Authentication & About

Secure Login/Signup pages using Email, Google, or GitHub. The About page builds trust by disclosing the hotel's history, mission, and values.

Challenges Faced

Handling complex MongoDB aggregation pipelines for filtering available rooms based on real-time booking dates.

Future Plans

Integrating a recommendation engine to suggest rooms based on user history.