00:00:00 Have you ever spent hours waiting for your doctor's appointment?

00:00:05 Those days are gone.

00:00:06 Because in this course, you'll learn how to build and deploy CarePulse, a healthcare management system with real-time SMS notifications designed to streamline

00:00:18 the tedious checkout process.

00:00:20 You'll solve a real problem, so don't forget to mention that in a job interview.

00:00:25 With authentication.

00:00:27 Registration for filling out personal information, medical history and identification.

00:00:33 Easy appointment scheduling with your preferred doctor.

00:00:37 confirmation screen upon successful booking, modal for granting access permissions, and a comprehensive admin panel for scheduling or canceling appointments

00:00:48 of any kind with SMS notifications.

00:00:51 All of this while learning Next.js with server-side rendering, nested layouts, server actions, and revalidation.

00:01:01 Advanced and reusable form management with unique components like date pickers, country phone input, and OTP verification using TypeScript,

00:01:12 React Hook Form, and Zod.

00:01:14 ChatCN and Tailwind CSS for a modern, completely mobile responsive UI, the latest open source AppRide features, including file storage and SMS notifications

00:01:26 with Wilio, and Sentry, a monitoring software for analyzing performance and tracing requests.

00:01:33 Now with even better teaching methods where you'll get an open source code base you can look at if you get stuck.

00:01:40 a custom Figma design so you know exactly what you're building, and a Discord server to get all your bugs resolved.

00:01:48 All those things are free, so grab them from links below while I continue telling you about all the other great stuff.

00:01:55 Oh, And all the software we'll use in this course, like AppRide, ShadCN, and Century, is free too, with no credit card required,

00:02:03 so that you can follow along with the entire course from anywhere in the world.

00:02:08 A basic to medium understanding of React or Next.js is needed.

00:02:13 So if you're not there yet, check out our Next.js crash course and come right back.

00:02:17 By the end of this course, you'll feel confident enough to build any complex forms.

00:02:22 And let's be honest, every app needs proper forms and real-time SMS notifications.

00:02:29 And here's a demo to show you precisely what you'll build.

00:02:33 First, you'll develop a welcome page that lets your users sign in using their phone numbers.

00:02:40 You can choose a country which automatically fills in its country code and then type the number.

00:02:45 And because this is my first time visiting this page, I'll be redirected to the registration page where I'll need to register as a patient.

00:02:55 There is a ton of info to fill out, including general details like name, email, phone number, date of birth and more.

00:03:04 and your users also must provide medical information, such as their primary care physician, allergies, current medications,

00:03:12 and all relevant medical history.

00:03:14 Additionally, they'll need to provide identification, including the type and number of their ID, along with a scanned copy of the document,

00:03:24 which you'll allow them to upload.

00:03:26 Finally, they review it and consent to the privacy terms.

00:03:30 Whoa, that's a lot of info.

00:03:32 But you won't be cutting any corners here.

00:03:35 This is a real healthcare application, after all.

00:03:39 Once they've successfully registered, they'll be redirected to the Appointments page to schedule a new appointment.

00:03:45 Here, they can specify the doctor they want, select the date, and provide the reasons for the appointment, along with any comments.

00:03:53 Then, a successful notification will appear, leading us to the final confirmation page.

00:03:59 It shows that we've successfully requested an appointment to meet with a doctor and will receive a confirmation SMS from them soon.

00:04:06 We can also schedule a new appointment, but let's put that to the side for now and explore the admin side of things.

00:04:13 Back on the homepage, you'll notice a small link on the bottom right.

00:04:18 Clicking it will open up a modal where you must enter the passkey, six ones in my case, to access the admin page.

00:04:27 And there you have it.

00:04:28 We're redirected to the admin page where we find a wealth of health information, including stat cards displaying the total number of scheduled,

00:04:37 pending, and canceled appointments.

00:04:39 We also have a data table displaying the list of these appointments, information about who's requested them, and two actions available for admins to take.

00:04:48 If everything checks out with the patient, the admin can schedule or confirm the appointment with the designated doctor,

00:04:55 triggering a confirmation SMS to be sent to the patient.

00:04:59 Let me schedule it and show you on my phone.

00:05:01 There it is.

00:05:02 A new SMS confirming that my appointment has been scheduled.

00:05:06 Great.

00:05:07 I won't have to wait in line anymore.

00:05:09 The admin can also cancel the appointment, but they must provide a valid reason.

00:05:14 the entire table includes proper pagination and it is fully responsive.

00:05:20 In fact, the entire application is designed to work seamlessly on all devices.

00:05:26 So, are you excited to build this app?

00:05:28 Maybe extend it further and sell it to your local hospitals so you don't have to wait in queues anymore or just use it as an example of a real-world problem

00:05:37 you've experienced and decided to solve with your programming skills.

00:05:41 Trust me, recruiters and hiring managers love that.

00:05:45 I'm super excited to dive into the code with you.

00:05:48 So let's not waste any more time and start coding.