MERN Stack Doctor Appointment Booking Website Using ReactJs, Node Js, MongoDB, Stripe | Mern Project

welcome back everyone to another exciting project video in this tutorial we will be creating a fully responsive full stack doctor appointment booking website using modern Technologies such as react node.js television CSS mongodb express.js just a note token and stripe payment Gateway this smart project is the best you will find on YouTube throughout this project we'll cover a wide range of advanced and complex topics we will begin with the basics and progressively dive into more advanced concepts building everything from sketch so without further Ado let's jump into the demo starting with the home page you will notice a slick number stored by the hero section then feature section Services section Dr team section faking section and you can toggle between question and answer testimonial and footer additionally we have a dedicated Services page and a doctor list page where you can search for doctors by name or specialization so let's search as you can see the data is dynamically fetched and displayed on the same page retrieve from our database by an API by clicking on any Dr card link you will be redirected to be uh to a doctor Details page so let's click on any of them here you can find complete information about the doctor including feedback and ratings from previous patients all the data is sourced from the database and the backend handles all the calculations such as total ratings about settings and most of the things if you attempt to provide feedback with our login you will receive an authorization error to see this let's click on send feedback button as you can see a nice post notification is showing to overcome this we'll create a new account so I'll go to the registered page simply enter some random information and if you would like you can even upload a photo which will be stored in Cloud energy I'll show how we can do that after clicking on create account button you will notice a present load animation displayed in the button and you can't click more than once at the same time now let's proceed with the logging process after successfully login use your profile photo in the nav bar when click redirects you to the protected my account page only you have access to this page because it's authenticated and authorized no one can view it okay inside your profile you can view your bookings and update your profile settings currently the booking section is empty since we have not scheduled any appointments yet okay in the settings you can make changes to your profile details now let's book an appointment to do so let's go to the doctor's design space before booking let's provide some feedback so I'll fill the form and click on send feedback button refresh the page as you can see our feedback is visible and the star rating is generated based on our input now let's proceed with the booking uh clicking on the book appointment but only will redirect you to the checkout page here you will find all the necessary details and you can make payment using the stripe payment Gateway I will demonstrate how we integrate stripe payment into our project okay once you have filled out the payment form click on the paper tone please note that this is a test mode payment no real transaction will take place okay after successful payment you will be redirect to thank you page to ensure the payment was received you can check your stripe payment as you can see we have successfully received the payment [Music] thank you [Music] thank you [Music] [Music] [Music] thank you thank you [Music] thank you [Music] thank you [Music] foreign [Music] [Music] [Music] thank you foreign [Music] [Music] foreign [Music] [Music] foreign [Music] [Music] [Applause] [Music] [Music] foreign [Music] [Applause] [Music] [Applause] [Music] [Applause] [Music] [Applause] [Music] foreign [Music] [Music] thank you [Music] [Music] [Applause] [Music] foreign [Music] foreign [Music] [Applause] [Music] [Applause] [Music] [Applause] [Music] [Applause] [Music] foreign [Music] [Music] foreign [Music] [Music] [Applause] [Music] thank you [Music] foreign [Music] [Applause] [Music] [Applause] [Music] [Applause] [Music] foreign thank you [Music] [Music] [Music] foreign [Music] thank you [Music] [Music] thank you foreign [Music] foreign [Music] foreign [Music] [Music] foreign [Music] foreign [Music] [Music] thank you [Music] thank you [Music] [Music] thank you [Music] foreign [Music] [Music] thank you [Music] foreign [Music] [Music] foreign [Music] foreign [Music] [Laughter] [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] [Music] [Music] foreign [Music] thank you [Music] thank you [Music] foreign [Music] [Music] foreign [Music] foreign [Music] [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] [Music] foreign [Music] thank you [Music] foreign foreign [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] foreign foreign [Music] thank you [Music] [Music] foreign [Music] [Music] thank you foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] thank you [Music] foreign [Music] [Music] [Music] foreign [Music] foreign [Music] foreign [Applause] [Music] thank you [Music] thank you [Music] [Applause] [Music] foreign [Music] foreign [Music] foreign [Music] [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] [Laughter] foreign [Music] foreign [Music] foreign [Music] foreign [Music] [Music] [Applause] [Music] [Music] foreign foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] [Music] foreign foreign [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] thank you [Music] [Music] thank you [Music] foreign [Music] foreign foreign [Music] foreign [Music] thank you foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] [Music] thank you [Music] [Music] thank you [Music] foreign [Music] foreign [Music] [Music] foreign [Music] [Music] foreign [Music] [Music] thank you [Music] [Music] foreign [Music] [Music] foreign [Music] [Music] thank you foreign [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] [Music] [Music] [Music] [Music] thank you [Music] thank you [Music] thank you [Music] [Music] foreign [Music] foreign [Music] [Music] foreign [Music] [Music] [Music] thank you [Music] [Music] thank you [Music] [Applause] [Music] [Music] [Music] [Applause] [Music] thank you [Music] thank you foreign [Music] foreign [Music] thank you foreign [Music] [Music] thank you [Music] foreign [Music] thank you [Music] foreign [Music] [Music] [Music] foreign [Music] [Music] [Music] foreign [Music] [Music] foreign [Music] foreign [Music] thank you [Music] foreign [Music] thank you [Music] foreign [Music] [Music] foreign [Music] foreign [Music] [Music] foreign [Music] thank you [Music] foreign [Music] [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] thank you [Music] foreign [Music] foreign [Music] foreign [Music] [Music] foreign [Music] foreign [Music] foreign foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign [Music] foreign foreign [Music] [Music] foreign [Music] foreign [Music] [Music] thank you foreign [Music] foreign [Music] [Music] foreign [Music]

Channel: Coding With Muhib

Views: 161,527

Keywords: javascript, mongodb, mern stack project, reactjs, nodejs, mern stack, mern project, mern stack app, mern booking project, mern booking app tutorial, booking app, doctor appointment booking, doctor appointment booking website design, react booking system, booking website, mern tutorial, coding with muhib, codingwithmuhib, appointment booking website, react tutorial, stripe, stripe payment tutorial, stripe payment gateway, jwt, web design, tailwind css, tailwind css tutorial, vitejs

Id: K4_J3ShsUOY

Length: 118min 33sec (7113 seconds)

Published: Wed Jun 28 2023