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

Learn How to make MERN Stack Doctor Appointment Booking App using React JS, MongoDB, Express and Node JS | Compete Full Stack React JS project for Resume
👉 Source Code: greatstack.dev...
👉 Live Preview: prescripto.ver...
👉 Download the assets: greatstack.dev...
👉 Figma Design: greatstack.dev...
SUBSCRIBE: ‪@GreatStackDev‬
-------------------
In this tutorial we are going to learn How to create a Full Stack Doctor Appointment Booking system. This is step by step tutorial we will use React JS, MongoDB, Express JS and Node JS to build our own appointment booking website, so It will be a MERN Stack project. You can use thi project for your Resume or College projects.
This full stack appointment booking system can be used by a doctor or a hospital. Because in this project we have created 3 level of authentication. 1st one is for Patients, so that patient can login on the website, book appointment with doctor and manage the booked appointment. 2nd one is doctor login, so that doctor can login and check the appointment and their earning. Doctor can update their profile also from dashboard. 3rd one is Admin Dashboard where admin can manages the appointment and admin can also manage the doctor profile.
In this full stack application we will integrate the online payment gateways so that user can pay the appointment fee online on this website. You can also customize this full stack appointment booking app and use this project for your college projects and your personal portfolio or resume.
-------------------
Watch Full Stack E-commerce Website tutorial:
👉 • Create Full Stack E-co...
Watch Full Stack Food Order Website tutorial:
👉 • How To Create Full Sta...
Watch Full Stack Chat App tutorial:
👉 • Full Stack Real-time C...
Watch Full Stack Music Streaming Website
👉 • How To Create Full Sta...
Watch Full Stack Blog Website Tutorial
👉 • How To Create Full Sta...
-------------------------------------
Build more React JS projects:
Complete Portfolio Website In React:
👉 • How To Make Portfolio ...
Build ChatGPT Clone In React:
👉 • Build ChatGPT In React...
Build AI Image Generator with OpenAI In React
👉 • Build An AI Image Gene...
Create Weather App In React
👉 • How To Create Weather ...
-------------------------------------
Timestamps:
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
-------------------------------------
Images Credit:
www.pexels.com/
unsplash.com/
www.freepik.com/
-------------------------------------
Connect with me:
👉 linktr.ee/iama...
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

[@mauriceke7581]

I love how you make real world applications and easy to understand. There are few channels that show full stack projects

[@GreatStackDev]

Thank you so much! Your support means a lot.😊

[@Vishal_Prajapati9625]

Github bta do Apna

[@vivekpaanchal]

@@GreatStackDev have you added the deployment part into this ?

[@Afzal_Rizvi192]

@@vivekpaanchal Bro Are You deployed This project On any free plateform

[@نورحسين-ش2ق]

@@Afzal_Rizvi192 No

[@aryanmaniyar7301]

The only one video you will need to understand how to build a full stack app and link the frontend-backend-admin panel! This video will surely help you bridge the gap between theory and practical learning! Such a clean way of writing code, following so many best practices as well! This sir is a legend! Thank you so much sir, for all the amazing work you are doing!

[@GreatStackDev]

Thank you so much Aryan. Keep learning.

[@mhassanshahid2551]

Hi sir can you share this code me

[@nenemalo1941]

This is the greatest tutorial and most complete on the whole internet! Please provide deployment tutorial!! Thak you so much!!!

[@ahseneremmouche9600]

This is the greatest tutorial and most complete on the whole internet! Thank you so much for this tutorial.

[@Amin-uo5un]

The most important thing of this teacher is he does not skip any part of project i love him that's why

[@irfaanvallapilm3847]

did he also cover the deployment of this project or not?

[@mdarmankhan6252]

I have been following you for last two years, I have learnt a lot of things from you. Thank you sir, Go ahead so far.

[@gaurisharma2253]

Thanks a lot! Just exactly what I was searching. Please make more of these

[@faiqahmed740]

You are the best teacher on youtube, I have already completed 2 of your projects, now this is in my bucket. thank you.

[@Nmyy7der6]

Can me give your github repo link?.

[@sufyanali]

@@Nmyy7der6 Also me

[@SELMONBOI251]

please provide i want source code

[@nenemalo1941]

I BOUGHT SOURCE CODE AND IT DOESN'T WORK

[@faiqahmed740]

@@Nmyy7der6 I just started the tutorial will complete within 1-2 weeks, will provide once I complete.

[@YeabsiraAychiluhim-b5z]

Thank you so much for this amazing MERN stack tutorial! Your clear explanations and practical project made everything so much easier to understand. Great work!

[@KAU717]

Yes offcourse this video deserves so much likes and comments . Thank you so much for this much efforts 😊

[@GreatStackDev]

I'm so glad! Thank You. Keep coding.😊

[@nenemalo1941]

I bought your source code and it doesn't work help me out 😭

[@نورحسين-ش2ق]

please , when I test the end point for add-doctor this is result ({ "success": false, "message": "Cannot read properties of undefined (reading 'path')" }) how I fix it

[@aguchukwuemekav763]

​@@nenemalo1941 it depends on how you initiate the app

[@jr.devasana]

I completed the proj today. It took me 3 weeks each day about 3hours. The course content is very good.

[@GreatStackDev]

I'm so happy to hear that! 😊 Keep coding.

[@gungunsoni5902]

Hey I'm facing error during thunder Client database link process. Can you help me?

[@jr.devasana]

@@gungunsoni5902 thunder client is for testing api. you can use postman also but it lacks fileupload. However fileupload on thunderclient is paid version only

[@tejasvani7163]

@@gungunsoni5902 is thunder client paid or not? when im clicking on the send button it is showing that feature include in the paid one

[@idreesalzeyadi9908]

@@gungunsoni5902 im also stuck at that point

[@elvintabu1053]

4 projects I have coded along with you, I have proper understanding on React framework thanks to you sir💯

[@Vishal_Prajapati9625]

@@elvintabu1053 Bhai github repo bta de Apni

[@GreatStackDev]

I'm so happy to hear that. Keep up the excellent work.

[@SujitKumar-vw6je]

@@GreatStackDev hello sir my thunder client was not working when i am sending form through post method . it shows to get paid subscription for this feature. for that i stuck in the middle and i dont know how to solve . please help me sir, please

[@deepakmanghani2050]

​@@SujitKumar-vw6je Got any solution?

[@jatingera924]

​@@SujitKumar-vw6jeuse postman

[@lekan1007]

I want to write a lot but didn't know where to start. Thank you. You will be fulfilled.

[@heliospp]

Much appreciated, looking for more of your MERN full-stack projects with more cool features!

[@RAJEEVGOEL-qq3eo]

I am at a 2hr mark right now and I can say that I have not faced any error so far. the css part though I cant really digest without either getting shocked or overwhelmed (as someone new to tailwind!) but I am positive that till the end of this project I would have learnt alot! I can say that sir is not exlaining many things he is telling the procedure, but I understand that way the video would have been 30 hr long or so... So its better! thankyou sir.

[@JimohSegun]

Most awaited tutorial over some weeks nw... thanks ❤

[@GreatStackDev]

Thank you! 😊 Keep coding.

[@sarojmaharjan3986]

You are the rockstar Master ! God Bless You and keep uploading more such videos! Your teaching style makes it easy to learn the concepts.

[@Pradyumn-x7f]

first time I completed full stack project, working on this project from last 1 week. Thanks sir🙏

[@Codewithvikash420]

Can I get on this project basis. I am a non technical student and want to work in a startup.

[@Vishal_Prajapati9625]

@@Pradyumn-x7f github repo bta de bhai

[@sachinmhetre8729]

can you give your source code ?

[@Bashbekersjiw]

​@@sachinmhetre8729hi did you found that?

[@DeepakKumarSingh-kd8kg]

Hii Pradyumn i get undefiend when i try to upload the image can u help me

[@nmithileshkumar1919]

The way you explain is outstanding sir ji !!

[@GreatStackDev]

Thank you so much! 😊 Keep coding.

[@Pppupu6858]

Bro can you make ai integration project ​@@GreatStackDev

[@jasbrar9089]

I am starting to follow this project today and commit to complete it and use it in my resume. Thanks to the creator for creating and teaching this

[@GreatStackDev]

Glad to hear that. Let me know once you complete this project.

[@sanjanashinde586]

Are you completed with this project?

[@jasbrar9089]

@@sanjanashinde586 Yes i have completed it

[@jasbrar9089]

@@sanjanashinde586 Yes i have completed

[@jasbrar9089]

@@GreatStackDev I have Completed. Thank you for the terrific tutorial

[@Website_TV_1]

Awesome tutorial! The MERN stack is such a powerful combination, and I love how detailed this doctor appointment booking system is. The step-by-step breakdown made it so much easier to follow along. Thank you for sharing this full stack project! Looking forward to implementing some of these features in my own projects. 🙌

[@Vishal_Prajapati9625]

Github Bta do Plz yrr Apna

[@AvyaGupta-g1c]

I have faced an issue in PostCSS config file : it show failed to load How to solve this error

[@kalyanganesh4963]

Best appointment project available on youtube

[@AdrijaDuttaRoy]

Completed the project. Really enlightening and your way of teaching is very easy to understand. Thank you.

[@breadryan]

hi bro i don't have the time to complete the project through video can you send me the project folder

[@shashankc9156]

Please send the project folder bro

[@ltgopal7976]

I really love you brother when i saw your video , i couldn't believe myself how you make this type of application and you have explained very easy. There are few channels that show full stack projects

[@GreatStackDev]

Thank you so much 😀 Keep learning.

[@BEERESHKUMARBC]

@@GreatStackDev make a video on masters in backend

[@CHOTA_BHAI70]

Project Completed. 😊😊😊😊 A lot of thanks to GreatStack to provide such level of content and during the completion of this project I have faced several errors and issues but with patience all the errors and issues are resolved. Once again Thank you sir @GreatStack. One request : - Please provide Deployment video for this project

[@Developer56]

Hi Can You provide me Source Code

[@TheWaveTreader]

Thanks a lot for this project, please don't stop doing projects like this. It helps us a lot especially for newbies like me. God bless

[@deepakgurram2982]

❤ you designs of website is good and started creating it from yours reference website and making changes and adding new features!

[@41mohammedtousif87]

Thank you so much I write complete code in 46 hours in just four days ❤

[@awesome4you292]

Please 🥺 give us the code please 🥺♥️

[@نورحسين-ش2ق]

please , when I test the end point for add-doctor this is result ({ "success": false, "message": "Cannot read properties of undefined (reading 'path')" }) how I fix it

[@DeepakKumarSingh-kd8kg]

@@نورحسين-ش2ق same error i get

[@نورحسين-ش2ق]

@@DeepakKumarSingh-kd8kg How we fix this problem?

[@DeepakKumarSingh-kd8kg]

i am still finding the solution i msg people who completed , if they reply i let you know

[@usamarazaaq219]

You are simply a great teacher lots love and support from karachi, Pakistan

[@checkmusic2002]

The best channel for MERN developer

[@DevZoneCodes]

Amazing Project!! Keep up the great work

[@piyushdhote9923]

Awesome man, i bet no one in indian community can provide such content ❤❤. Absolutely no words

[@authentic_reels]

Finally Completed this project. Thank you Sir for your great support for new Learners. 😊🙏

[@AminulIslam-uu8ur]

@authentic_reels can you help me with multer, cloudinary and thunder client? i am getting error with uploading image.

[@GreatStackDev]

I am really happy to hear that. Keep learning.

[@snehareddy-w1j]

how did you get the razor pay api keys its asking me to provide website link

[@DeepakKumarSingh-kd8kg]

Hii brother can u help me , my problem is when i want to upload the pic it shows undefined brother .

[@arjunchilwal1877]

@@DeepakKumarSingh-kd8kg same problem have you solved??

[@Omer-o3t]

3 hours completed. It goes very well until now. just did not understand much about the appointments. I need to study some about algorithms. I will update you again:)

[@Omer-o3t]

4:35 frontend ended. still goes very well:)

[@CodeRocks-z6g]

Starting today really excited . Want to complete it 7 days . Let's see

[@LARRYKIBET-c2m]

Great Stack my Tech Savy , this is incredible thousands and millions appreciate a single effort of yours ,I myself i don't know how to thanks you but thanks alot.

[@sardarzain1066]

The most loved web channel KZbin ❤❤❤❤

[@GreatStackDev]

Thank you so much! 😊 Keep coding.

[@rajeevkumargupta532]

Cleanest code ever! Awesome teaching style🎉

[@sai5102]

Wow Amazing Man I loved it

[@flexxasa]

I’m excited to let you know that I am starting the appointment project right now. I’m really thankful for your content, which inspires me to work harder and improve my skills. Your guidance has truly motivated me, and I look forward to putting in my best efforts for this new project thank you so much gratstack❤ from Devansh

[@kaushaloza6979]

great stuff, please keep it up ❣❣

[@GreatStackDev]

Thank You. Keep coding.😊

[@aakashkhandekar]

Sir your coding and teaching style is really great 💯👍

[@zaidali1964]

NEXT E-Learning Platform.

[@GreatStackDev]

Noted! Thank you.

[@Majo-628]

Was waiting for Your new project Last Made an App of E-commerce from Your video and learn a lot

[@sagarchandrachanda7989]

Thanks for the project wise complete tutorial. Appreciate it lot

[@lubegatom5583]

I am useful because of you Sir, for the first time since I graduated! Thank you so much always 🙏

[@brehymatraore]

This is just enormous, thanks so much.

[@ShivamSharma-vn6iu]

Completed !!!! Thankyou very much for this great project . lots of love ❤💘❤

[@siddharthpratapsingh5046]

hey can you share your github

[@wanjeeric4885]

this is incredible, thanks a thousand times, sir

[@shrilekhshrikhande625]

One of the best project I have seen

[@GreatStackDev]

Glad to hear. Thank you. 😊 Keep coding.

[@Madhav7s]

can you help me to ressolve an error?

[@eddyabasi-adannabuk3826]

You're the best bro. Thanks for your hardwork

[@MahiChaudhary-w1x]

Thank u for this project my first mern stack project.

[@Vishal_Prajapati9625]

Bhai github bta do

[@MahiChaudhary-w1x]

@@Vishal_Prajapati9625 pratibhacodedev

[@devasanaDev]

It seems quite good and covers most of the topics

[@GreatStackDev]

Thank You. Keep coding.😊

[@ManojKumar-uj4ju]

Hurray🎉 its backend..its backend

[@GreatStackDev]

Glad you liked it! 😊 Keep coding.

[@sourabhchhipa9923]

Project is very large and it will help understand many topics related to development.I was looking for this kind of project which put some challenge and learning at the same time. Thank you .

[@Imtiyazbhai-ox9dg]

How much time did it take u to complete this project?

[@GreatStackDev]

Happy to hear that. Keep up the excellent work.

[@sourabhchhipa9923]

@@Imtiyazbhai-ox9dg 12 days

[@bhushansontakke3614]

Thank you so much sir❤ i am doing your ecommerce project after completing that will create this project as well👍👏😍🎉

[@GreatStackDev]

Glad to hear that. Let me know once you complete it.

[@HenokGebresenbet]

let me tell u something if u are watching bunch of tutorial for learning your in tutorial hell just watch crash course tutorial then try to build by your own

[@bhushansontakke3614]

Sure sir ​@@GreatStackDev

[@gauravhajari9557]

One of the Best project out there

[@GreatStackDev]

Thanks a lot! 😊 Keep coding.

[@himanshuroy2321]

Thank you for this, Next make a fullstack LMS project,

[@Umesrock]

Thank you for my final year project 😅

[@selasithegoat]

bro exactly 😂😂

[@lenzyounda4449]

😂😂😂

[@GreatStackDev]

You're Welcome! 😊 Keep learning.

[@Sinchan0924]

​@@GreatStackDevBhai Hindi me dekhni hai ye video😢😢 koi solution hai ????

[@satyasuryateja6137]

Bro can u share the source code

[@Asur-t2v]

Awesome college final project

[@نورحسين-ش2ق]

please , when I test the end point for add-doctor this is result ({ "success": false, "message": "Cannot read properties of undefined (reading 'path')" }) how I fix it

[@FelixAndrews-o7m]

Happy and excited to learn more

[@SamDanielK-j2f]

Best ever final project 🎉 thanks sir❤

[@manmayarama7137]

Finally fully completed this project... It was great and got many things to learn from this project related to React.... Can have a video on deployment of this project 😊

[@DeepakKumarSingh-kd8kg]

Hii nyc to hear you completed can u help me , i am not able to upload the image it shows undefined 5:28:00 help me ..

[@manmayarama7137]

​@@DeepakKumarSingh-kd8kg Make sure that u have given name "image" in files section while testing API still u face same issue please do recheck the codes written in admin controller.js file

[@DeepakKumarSingh-kd8kg]

@@manmayarama7137 brother i have given the same name but it still not working what i do .. from last 3 day i was stuck i saw the video more than 10 time i dont know what to do now ?

[@DeepakKumarSingh-kd8kg]

@@manmayarama7137 bro i have give the same name but it still not working can u help me

[@DeepakKumarSingh-kd8kg]

bro i have given the same name as u told but it still not working can we connect if you comfortable

[@BhaktiTone]

Thank Your For Such Awesome Project, I really like it ❤

[@nirobshuvo5783]

Nice Project bro...Thanks a lot

[@Lavinvlog]

Thank you sir I am waiting this tutorial ❤❤❤❤❤❤

[@GreatStackDev]

Thank you! 😊 Keep coding.

[@ArijitMondal-ez1uu]

what a great and grand project..thank you very much sir

[@anwesajena4427]

Frontend :00:00:00 - 4:35:17 Backend : 4:35:17 - 15

[@eugeenhunter7384]

thats why we have millions of front end developers with 100's of backed developers in the market

[@MavekePeter]

thanks for sharing such greate content💌

[@GreatStackDev]

Glad you enjoyed it! Thank You. Keep coding.😊

[@mahdirafi6537]

nice and attractive tutorial❤

[@GreatStackDev]

Thank you. 😊 Keep coding.

[@EhteshamkaiffeRA]

So excited to start this project

[@Felix-e1s]

Great job by all standards

[@vivekkumar-qu4tp]

great GreatStack ❤

[@GreatStackDev]

Glad you like it! 😊 Keep coding.

[@SK_Covers]

Awesome project ❤❤❤

[@GreatStackDev]

Thank you! 😊 Keep coding.

[@FunZone-l5n]

Definitely a precious project for us❤❤❤❤

[@abhishekpanwar656]

Great work really appreciates your efforts ❤

[@anubisfifa17]

Marvelous project

[@tamizhchemmal5400]

😂😂😂😂 seriously it's been a min only

[@josephgarba6044]

😅😅

[@GreatStackDev]

Thank you! 😊 Keep coding.

[@ScherzoVivo]

Thank you so much for the hard work. ♥♥

[@GreatStackDev]

You're Welcome! 😊 Keep learning.

[@FeedWorld-b4i]

Thank you more this project!!

[@visiion1998]

I am starting this project right now sir, I am really thankful that you make such content that really makes me to do hard work ❤.

[@GreatStackDev]

Happy to hear that. Let me know once you complete this project.

[@visiion1998]

@@GreatStackDev Sure sir, can you take 1 step forward by implementing a Chat feature with an appointed doctor or a Chat feature with a chatbot using Geminie or GPT API? You know nowadays AI is the only demand and this is the best project with implementation of chatbot chat feature. That would be the greatest project in the whole KZbin ❤️.

[@nenemalo1941]

I bought your source code and it doesn't work help me out 😭

[@visiion1998]

@@GreatStackDev please help, at 10:54:40 , in isSlotAvailable: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'slots_booked') at getAvailableSlots you havent initialized "slots_booked" anywhere in appointment.jsx not in App context.jsx too

[@boshy_thebeast3592]

nice course bro 🤩

[@GreatStackDev]

Thank you! 😊 Keep coding.

[@Bhaukaal-YT-001]

Appreciate ur efforts ❤

[@GreatStackDev]

Thank you so much 😀

[@StrongSoul-d3p]

Thank you so much, sir!

[@DataAnalysis-hh2yq]

Amazing!!

[@GreatStackDev]

Thank you! 😊 Keep coding.

[@benedictvierra4775]

You are the best bro

[@GreatStackDev]

Thank you so much! 😊 Keep coding.

[@josephgarba6044]

Finally! 🚀

[@GreatStackDev]

Thank you! 😊 Keep coding.

[@bouyesidatty]

great project ever

[@vivekkumar-qu4tp]

you build great projects

[@GreatStackDev]

Thank you! 😊

[@sweabhishek]

Thabks brother i was looking fot this project

[@subhodeepsarkar4141]

sir you Are the Greatest Developer on KZbin, This video deserve 1Bilion Views . Sir Make a video How to Deploy This Project

[@Amin-uo5un]

Awesome teacher ❤

[@GreatStackDev]

Thank you so much! 😊 Keep coding.

[@robingaming2428]

Thank you so much for your dedication to us.. ❤❤❤❤❤❤

[@GreatStackDev]

You're Welcome! 😊 Keep coding.

[@jeonmiku6592]

please sir can u do a tutorial to focus on an eCommerce supermarket mobile app with these key features: Market Basket Analysis (MBA) to recommend related products AI/ML predictions to forecast demand and personalize recommendations Seasonal Analysis to adjust inventory and promotions based on changing seasons or festivals.

[@ABHISHEKBUDDIGA]

best teacher on youtube , sir try to do the clone of practo app

[@GreatStackDev]

Noted! Thank you so much. Keep coding.😊

[@abdulmaliksuleman9013]

wow, this is awesome 👌

[@rushdyahamed8820]

Great job ❤

[@GreatStackDev]

Thank you! 😄

[@jayaram.r2669]

Your videos are helps to developing my skills🎉

[@ParsaBazrpash]

That's great!

[@GreatStackDev]

Thank you. 😊

[@GowthamiPrakash-o6k]

Great efforts Great content

[@mahalaxman6027]

Really a great project ❤❤

[@GreatStackDev]

Thank you! 😊 Keep coding.