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

YouTube

Build Full Stack Doctor Appointment Booking System Using MERN Stack - Complete React JS Project

GreatStack via YouTube

Start learning Write review
Coursera Ad

40% Off All Coursera Courses

Learn More → Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to develop a comprehensive doctor appointment booking system using the MERN stack (MongoDB, Express.js, React.js, Node.js) in this step-by-step tutorial. Master full-stack web development by building a complete healthcare application with three levels of authentication: patient portal for booking and managing appointments, doctor dashboard for appointment management and profile updates, and admin panel for overseeing the entire system. Implement essential features including user registration and login systems, appointment scheduling functionality, online payment gateway integration, responsive design with Tailwind CSS, and comprehensive dashboard interfaces for all user types. Build MongoDB models for storing doctor and user data, create RESTful APIs for data management, develop React components and pages for the frontend interface, and establish secure authentication systems. Gain hands-on experience with modern web development technologies while creating a professional-grade application suitable for portfolio projects, college assignments, or real-world healthcare management systems.

Syllabus

00:00 Project Overview
08:14 Create a React Project
12:30 Add Tailwind CSS In React Project
17:17 Create Components and Pages in React project
28:40 Create Home Page
01:49:51 Create All Doctors Page
02:08:54 Create Doctor Appointment Page
03:03:26 Create About and Contact Page
03:20:12 Create Login Page
03:36:12 Create Patient Profile page
04:04:44 Create Appointments page for patients
04:17:18 Make the website responsive
04:35:07 Create Backend Server
05:00:23 Create MongoDB model to store Doctors Data and User Data
05:13:23 Create API to add Doctor data in Database
05:46:44 Create API for Admin Login
06:03:57 Create Admin Panel
07:29:29: Create Add doctor functionality in Admin Panel
07:57:34 Display all doctors list in Admin panel
08:29:53 Display all doctors on frontend website from Database
08:43:18 Create Patient Login and Registration system
09:25:34 Display and update patient profile data on website
10:15:45 Create Appointment Booking Functionality
10:56:03 Display Booked appointments on Website
11:13:58 Create Appointment Cancellation Feature for Patient
11:34:13 Integrate Online payment gateway to make online payment
12:14:57 Display and Manage Appointment for Admin panel
12:49:48 Create Dashboard Page for admin panel
13:17:32 Create doctor panel doctor dashboard
13:41:31 Display and manage appointments in Doctor panel
14:33:07 Create Dashboard page for Doctor panel
14:53:25 Display and Update profile data In Doctor panel

Taught by

GreatStack

Reviews

Start your review of Build Full Stack Doctor Appointment Booking System Using MERN Stack - Complete React JS Project

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.