MERN Stack Hotel Booking and Reservation SystemMERN Stack Hotel Booking and Reservation System
A premium MERN stack hotel booking system. Features dynamic room booking, reservation management, and modern UI. Recently UpdatedMERN Stack Hotel Booking and Reservation System
A premium MERN stack hotel booking system. Features dynamic room booking, reservation management,...
Overview
This is a premium, full-stack Hotel Booking and Reservation System built using the modern MERN stack. It features a fully responsive layout and smooth user experience, making it perfect for hotels, resorts, and guest houses looking to manage their booking system online.
It comes with a clean frontend design, optimized backend code, and easy database integration, making it highly customizable for developers and business owners alike.
Features
Demo Credentials:
User Email: [email protected]
User Password: user
Admin Email: [email protected]
Admin Password: admin
Guest & User Experience Features:
- Modern Sticky Navbar with smooth single-page scrolling.
- Auto-sliding home carousel featuring smooth transitions.
- Instant Availability Checker with dynamic date and guest filters.
- Interactive Room Selection with 8 pre-designed rich-hover room cards.
- Smart Booking Calendar with live date-validation and double-booking prevention.
- Dual Payment Gateways: Integrated Stripe Sandbox (Online) & Pay at Hotel (Offline).
- Interactive Popup Authentication with standard email/password signup and Google OAuth.
- Dynamic User Dashboard to track booking history, manage status badges, and request cancellations.
- Smart Contact Form with automatic name and email autofill for logged-in users.
Advanced Admin Dashboard Features:
- Live Analytics Counters to track total listings, check-ins, check-outs, and new messages.
- Complete Booking Moderation to update statuses, trigger check-ins/check-outs, or remove entries.
- Dedicated Refund Management Suite to review and process user cancellation requests.
- Walk-in Booking Tool to manually add offline guest reservations into the master ledger.
- Integrated Inquiry Mailbox to read, organize, and delete customer contact forms.
Requirements
- Node.js (Version 18 or higher)
- NPM (Node Package Manager)
- MongoDB Account (Local or MongoDB Atlas)
- Modern Web Browser (Chrome, Firefox, Safari, Edge)
Instructions
1. Extract the downloaded zip file into your desired directory.
2. Backend Setup:
- Open your terminal and navigate to the 'backend' folder: cd backend
- Install all required backend dependencies: npm install
- Rename '.env.example' to '.env' and fill in your environment variables (MongoDB URL, Stripe keys, JWT secret, etc.).
- Start the backend server: npm run dev
3. Frontend Setup:
- Open a new terminal window and navigate to the 'frontend' folder: cd frontend
- Install all frontend dependencies: npm install
- Rename '.env.example' to '.env' and add your frontend environment variables (Backend API URL, Google Client ID, etc.).
- Start the frontend development server: npm run dev
4. Open your browser and navigate to the local server URL provided in the frontend terminal to view the application.
Other items by this author
| Category | Scripts & Code / NodeJS |
| First release | 19 June 2026 |
| Last update | 19 June 2026 |
| Files included | .html, Javascript .js |
| Tags | Hotel Booking, admin dashboard, online booking, booking script, Stripe Payment, Guest House, tailwind css, hotel management, room booking, reservation system, mern stack, full stack, nodejs script, room reservation, react hotel |








