Skip to content

Asmaa-Abdo22/Fullstack-Hotel-Booking-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🏨 𝗤𝘂𝗶𝗰𝗸𝗦𝘁𝗮𝘆 – FullStack Hotel Booking App

A modern, full-featured hotel booking platform built with React & Vite.
QuickStay provides a seamless experience for both travelers and hotel owners — offering an intuitive interface for browsing, booking, and managing hotel accommodations.

🔗 Live Demo: https://fullstack-hotel-booking-appp.vercel.app/


🛠️ Built With

  • ⚛️ React 19.1.1 + Vite 7.1.7
  • 🎨 Tailwind CSS 4.1.16
  • 🧠 Node.js + Express 5.1.0
  • 🗄️ MongoDB + Mongoose 8.19.3
  • 🔐 Clerk Authentication
  • ☁️ Multer + Cloudinary (File Uploads)
  • 📧 Nodemailer (Booking Confirmation Emails)
  • 🌐 Axios + React Router DOM 7.9.4
  • 🔔 React Hot Toast + Lucide Icons
  • 🖼️ Prebuilt UI Components (Reusable layouts & elements for faster development)

🌟 Key Features

  • 🌓 Light & Dark Mode
  • 🏢 Dashboard for Hotel & Room Management
  • 🔍 Smart Hotel Search & Filtering
  • ✉️ Email Confirmation After Booking
  • 💻 Fully Responsive UI

📸 Screenshots

Hotel App Screenshot

📁 Project Structure

client/
├── public/                 # Static assets
│   └── favicon.svg
├── src/
│   ├── assets/            # Images, icons, and other assets
│   │   ├── *.svg          # Icon files
│   │   ├── *.png          # Image files
│   │   └── assets.js      # Asset exports and dummy data
│   ├── Components/        # Reusable React components
│   │   ├── ExclusiveOffers/
│   │   ├── FeaturedDestination/
│   │   ├── Footer/
│   │   ├── Form/
│   │   ├── HotelCard/
│   │   ├── Layout/
│   │   ├── Loader/
│   │   ├── Navbar/
│   │   ├── Newsletter/
│   │   ├── RecommendedHotels/
│   │   ├── Testimonials/
│   │   └── ...
│   ├── Context/           # React Context providers
│   │   └── AppContext.jsx
│   ├── Pages/             # Page components
│   │   ├── About/         # About page
│   │   ├── Experience/    # Experience page
│   │   ├── Home/          # Home page
│   │   ├── Hotels/        # Hotels listing page
│   │   ├── RoomDetails/   # Room details page
│   │   ├── MyBookings/    # User bookings page
│   │   └── HotelOwner/    # Hotel owner dashboard
│   │       ├── Dashboard/
│   │       ├── AddRoom/
│   │       └── ListRoom/
│   ├── App.jsx            # Main app component with routing
│   ├── main.jsx           # Application entry point
│   ├── index.css          # Global styles and CSS variables
│   └── ThemeToogle.jsx    # Theme toggle component
├── package.json
├── vite.config.js
└── README.md

👩‍💻 Developed by: Asmaa Abdo
💙 Made with passion ✨

About

A modern, full-featured hotel booking platform built with React and Vite. QuickStay provides a seamless experience for both travelers and hotel owners, offering an intuitive interface for browsing, booking, and managing hotel accommodations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors