Skip to main content

Doctor Appointment Booking App with React ,Firebase , ANT D

5h 45m 20s
English
Paid

Course description

The course covers many aspects of application development, including Firebase integration, user authentication, creating separate user interfaces for administrators and regular users, setting up doctor profiles, editing work schedules and consultation fees, booking appointments, viewing past and upcoming appointments, as well as blocking users and doctors in case of suspicious activity.

Read more about the course

React is a JavaScript library for building user interfaces.

  • Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.

  • Component-Based: Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.

  • Learn Once, Write Anywhere: We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using.

Firebase is an app development platform that helps you build and grow apps and games users love. Backed by Google and trusted by millions of businesses around the world.

In this course, you will learn the following concepts.

  • React Firebase Integration

  • User Authentication with Fire store database

  • Separate UI for normal users and admin, doctor

  • Admin can access all the users and doctors, information.

  • The doctor has to get the admin approval to get access by providing the required details

  • A doctor can specify his work hours and fee in the application form

  • Users can able to book doctor appointments based on availability.

  • A doctor can able to see all the appointments booked for his profile.

  • A user can also see his future appointments with the status.

  • If the doctor rejects/cancels the appointment request the slot will be released.

  • Admin will also be having the access to all the doctor's appointments.

  • If any suspicious activity happens, the admin can block both user and doctor accounts.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 29 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (29)

#Lesson TitleDurationAccess
1
Introduction Demo
12:33
2
React App
05:21
3
Ant D
09:27
4
Register Screen
22:52
5
Login Screen
07:21
6
Firebase Configuration
09:31
7
Register New User
06:48
8
Password Encryption and Restrict Duplicate Users
08:47
9
Login
08:38
10
Layout and Security
21:58
11
Redux Toolkit Setup
06:48
12
Show and Hide Loading with Redux
11:23
13
User Roles Explanation
08:41
14
Doctor Form
26:27
15
Doctor API
16:46
16
Admin Tabs
10:52
17
Users and Doctors List
08:21
18
Approve or Reject Doctor Status
21:02
19
Display Doctors
12:12
20
Book Appointment Page
11:34
21
Show Slots
22:45
22
Book Slot
06:14
23
Block Slots
12:43
24
Show Appointments
09:32
25
Change Appointment Status
15:23
26
Doctor Profile
17:16
27
User Profile
03:25
28
Pushing to Github and Deploy to Netlify
05:54
29
Bug Fix
04:46

Unlock unlimited learning

Get instant access to all 28 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Add React Storybook to a Project

Add React Storybook to a Project

Sources: egghead
In this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.
3 minutes 36 seconds
React Node AWS - Build infinitely Scaling MERN Stack App

React Node AWS - Build infinitely Scaling MERN Stack App

Sources: udemy
Master the art of building a highly scalable real world project using MERN Stack for a new startup that will scale infinitely. I will demonstrate how you could launch a project ...
25 hours 1 minute 19 seconds
Learn React 19 with Epic React v2

Learn React 19 with Epic React v2

Sources: Kent C. Dodds
Ready for the React 19 revolution? The most in-demand JavaScript framework has received a major update! You are already familiar with React, but in React 19 the
26 hours 51 minutes 3 seconds
Bedrock: Jumpstart your next SaaS product

Bedrock: Jumpstart your next SaaS product

Sources: Max Stoiber (@mxstbr)
The modern full-stack Next.js & GraphQL boilerplate with user authentication, subscription payments, teams, invitations, emails and everything else you need.
MERN Stack From Scratch

MERN Stack From Scratch

Sources: Brad Traversy
We spend 12 hours creating this project from scratch. It includes a multi-step checkout process with PayPal integration, product search, rating & review, user profiles with orde...
13 hours 32 minutes 38 seconds