Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Make Full Stack Hotel Booking App Using MERN - Hotel Booking System Project in React

GreatStack via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Build a comprehensive full-stack hotel booking application using the MERN stack (MongoDB, Express.js, React, and Node.js) in this extensive tutorial. Master the complete development process from initial setup to deployment, creating a fully functional hotel booking system where users can search, book hotel rooms, and manage reservations through an intuitive interface. Implement user authentication and management using Clerk, which provides ready-to-use UI components for sign-in, sign-up, and user profiles. Develop a responsive navigation bar and home page, then progress to building dedicated pages for hotel listings, detailed hotel views, and user booking management. Create a powerful admin dashboard for managing hotel inventory and bookings, while establishing a robust backend API structure with MongoDB database integration. Learn to implement secure authentication in the backend, create comprehensive APIs for user management, hotel operations, and booking functionality. Connect the frontend and backend seamlessly, integrate email confirmation services for booking notifications, and implement Stripe payment gateway for secure online transactions. Complete the project by deploying the application on Vercel, gaining hands-on experience with modern web development tools and practices essential for building scalable, production-ready applications.

Syllabus

00:00 Project Overview
06:24 Project Creation
22:08 Create Navigation bar
42:51 Create Home Page
57:29 User Authentication using Clerk
02:15:07 Hotel List Page
02:50:36 Hotel Details Page
03:25:41 My Bookings Page
03:47:48 Create admin dashboard
05:00:16 Create Backend of project
05:13:10 Connect mongoDB database
05:31:27 setup Clerk authentication in Backend
06:00:41 Create API for users
06:15:08 Create API for Hotels
06:55:12 Create Booking API
07:27:07 Connect Frontend with Backend
09:42:28 sending booking confirmation email
09:59:27 Deploy project on Vercel
10:08:26 Add Stripe payment gateway

Taught by

GreatStack

Reviews

Start your review of How to Make Full Stack Hotel Booking App Using MERN - Hotel Booking System Project in React

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.