Next.js 14 Doctor Appointment Booking App 2024

Focused View

K.Sathyaprakash Reddy

8:43:41

0 View

1 - Introduction

1 -Create next app.mp4

06:39

2 -Install and setup ant design.mp4

10:28

3 -Ant design theming.mp4

13:00

2 - Authentication using clerk

1 -Clerk intro.mp4

03:31

2 -Clerk account and project setup.mp4

07:02

3 -Clerk sign-up and sign-in pages.mp4

06:00

4 -Clerk middleware.mp4

09:41

5 -Clerk sign-up and sign-in process.mp4

08:06

6 -Get and show logged-in user details.mp4

03:40

7 -Homepage design and styling.mp4

13:07

8 -Sign-up and sign-in pages styling.mp4

11:21

3 - Saving users

1 -Mongodb setup.mp4

06:03

2 -User model.mp4

06:45

3 -Save user - part 1.mp4

07:37

4 -Save user - part 2.mp4

05:37

4 - Layouts

1 -Public layout.mp4

09:07

2 -Private layout.mp4

13:31

3 -Handle errors in layout.mp4

04:27

4 -Handle loading in layout.mp4

06:14

5 -Menu items.mp4

13:39

6 -Logout.mp4

03:01

5 - Access management

1 -Get all users.mp4

06:05

2 -Show all users.mp4

10:05

3 -User permissions - part 1.mp4

10:33

4 -User permissions - part 2.mp4

11:45

6 - Doctors Form - UI

1 -Doctors CRUD - Intro.mp4

06:30

2 -Doctor form UI.mp4

12:03

3 -Firebase integration.mp4

05:41

4 -Firebase upload operation.mp4

10:45

7 - Save doctor

1 -Doctor model.mp4

04:04

2 -Save doctor - server action.mp4

08:24

3 -Show doctors.mp4

12:31

4 -Edit doctor - part 1.mp4

07:56

5 -Edit doctor - part 2.mp4

04:53

6 -Delete doctor.mp4

04:04

8 - Book appointment

1 -Appointment booking screen - UI.mp4

12:03

2 -Appointment model and server action.mp4

08:24

3 -Test appointment booking logic.mp4

12:47

4 -Display available doctors.mp4

11:35

5 -Patient details form.mp4

10:07

9 - Payment gateway integration

1 -Stripe intro and setup.mp4

06:50

2 -Get client secret.mp4

10:04

3 -Integrate stripe ui elements.mp4

09:57

4 -Complete payment.mp4

09:45

5 -Save appointment - part 1.mp4

14:27

6 -Save appointment - part 2.mp4

06:14

10 - Appointment confirmation

1 -Get appointment by id.mp4

11:38

2 -Show appointment data.mp4

15:00

3 -Print appointment data.mp4

07:08

4 -Test complete appointment confirmation.mp4

09:12

11 - Appointments Module - Admin

1 -Display appointments.mp4

12:45

2 -View single appointment info.mp4

04:53

3 -Cancel appointment.mp4

14:25

12 - Patients Module - Admin

1 -Display patients list.mp4

10:23

2 -Display selected patient appointments.mp4

10:11

13 - Handling loaders or spinners in server components

1 -Server components loading state - part 1.mp4

04:55

2 -Server components loading state - part 2.mp4

08:52

14 - Dashboard - Admin

1 -Get dashboard data.mp4

05:52

2 -Dashboard UI.mp4

12:19

Description

Build a Scalable Doctor Appointment Web App with Next.js 14, Clerk, Ant Design, and Tailwind CSS

What You'll Learn?

Discover Nextjs 14's latest features and how to effectively implement them in your projects.
Integrate Clerk for seamless authentication and authorization in your applications.
Combine Ant Design and Tailwind CSS for a stunning, responsive UI design.
Build an admin panel for managing appointments, doctors, and patients effortlessly.
Enable admins to easily add or remove doctors from the system.
Assign specific work days and hours for each doctor in the application.
Allow users to book appointments by selecting doctors, dates, times, and specialties.
Send email confirmations to users after they book appointments, with printable details.
Provide admins with the ability to view and filter appointments by doctor or patient.
Allow admins to cancel appointments as necessary, ensuring flexibility.
Display hospital statistics like total appointments, patients, doctors, and active staff.
Access GitHub repositories for each section to download and start coding immediately.
Get Q/A support throughout the course to clarify any doubts you may have.

Who is this for?

Developers interested in building full-stack applications with dynamic features.

Individuals looking to integrate user authentication and authorization using Clerk.

Developers wanting to create advanced UIs using a combination of Ant Design and Tailwind CSS

Anyone aiming to build and manage a full-fledged admin panel for web applications.

Frontend developers looking to expand into full-stack development with Nextjs.

Developers seeking real-world project experience, such as hospital management systems.

What You Need to Know?

Strong understanding of HTML, CSS, and JavaScript.

Solid experience with React for building user interfaces.

Basic knowledge of Nextjs framework essentials.

More details

Description
Welcome to our comprehensive course on building a robust doctor appointment web application using Next.js 14. This course is designed for hospital admins and patients, providing a seamless experience for managing appointments, doctors, and patients. As a learner, you'll gain hands-on experience in building a full-fledged application that streamlines the healthcare process.

Unlock the Power of Next.js 14
In this course, you'll discover the latest features of Next.js 14 and learn how to harness them to build a scalable and efficient application. You'll master the art of implementing Clerk for authentication and authorization, ensuring a secure and reliable experience for users.
Craft a Stunning UI with Ant Design and Tailwind CSS
Take your application's design to the next level by learning how to combine the power of Ant Design and Tailwind CSS. You'll create a visually appealing and user-friendly interface that delights both admins and patients.
Admin Panel: Manage Appointments, Doctors, and Patients with Ease
As an admin, you'll have complete control over the application, with the ability to:
Add and remove doctors
Manage doctor work days and hours
View and filter appointments by doctor and patient
Cancel appointments when needed
Access overall hospital statistics, including total appointments, patients, doctors, and active doctors
Patient Experience: Book Appointments with Ease
Patients will love the simplicity and convenience of booking appointments online, with the ability to:
Select their preferred doctor, date, and time
Choose their speciality
Receive email confirmations and print appointment details
Get Started with Confidence
To ensure your success, we provide:
A GitHub repository for each section, allowing you to download and work on the code
Q/A Support to address any questions or concerns you may have
Enroll Now and Take the First Step towards Building a Cutting-Edge Healthcare Application!
Who this course is for:
Developers interested in building full-stack applications with dynamic features.
Individuals looking to integrate user authentication and authorization using Clerk.
Developers wanting to create advanced UIs using a combination of Ant Design and Tailwind CSS
Anyone aiming to build and manage a full-fledged admin panel for web applications.
Frontend developers looking to expand into full-stack development with Nextjs.
Developers seeking real-world project experience, such as hospital management systems.

User Reviews

Rating

average 0

Total votes0

Focused display

Next JS

K.Sathyaprakash Reddy

Instructor's Courses

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.