🏨 Booking.Pro - Travel & Booking Platform

Introduction

Booking.Pro is a responsive travel and accommodation booking platform that allows users to search and reserve hotels, flights, car rentals, and travel packages in one place. The system enables users to create accounts, log in securely, and manage bookings conveniently. The platform focuses on improving user experience with smooth navigation, category-based browsing, and a clean travel-focused UI.

Project Type

Frontend

Deployed App

Frontend: https://bookingpro.netlify.app/

Directory Structure

smartinventory-app/
├─ backend/             # Firebase Firestore + Auth config
├─ frontend/            # React + Vite + Chakra UI + Redux Toolkit
│  ├─ src/
│  │  ├─ components/
│  │  ├─ pages/
│  │  ├─ context/
│  │  ├─ hooks/
│  │  ├─ routes/
│  │  └─ theme/

Video Walkthrough of the project

click here

Features

• User Authentication: Signup and login using Firebase Realtime Database.
• Hotel Booking: Search and book hotel listings.
• Flight Reservations: Browse flight options and check availability.
• Car Rentals: Book rental cars for local and outstation travel.
• Travel Packages: View holiday packages with deals and discounts.
• Responsive UI: Works smoothly across desktop and mobile devices.
• Smooth Navigation & Search: Easy browsing with simple and clean UI.

🛠️ Tech Stack

• Frontend: HTML, CSS, JavaScript
• Icons: Remix Icons
• Database: Firebase Realtime Database
• Hosting: netlify app

Installation & Getting Started

# Clone the project
git clone https://github.com/jasminekeshari/Booking-Pro.git
cd Booking-pro

# Open in browser
Open index.html directly in any browser

Usage

# Step 1: Open website
# Step 2: Create an account using Signup page
# Step 3: Login to authenticate
# Step 4: Navigate between Hotels / Flights / Cars / Packages
# Step 5: Use search and filters to explore options

Screenshots

APIs Used

• Firebase Authentication
• Firebase Firestore (Realtime Database)