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

Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]

Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
37 hours 44 minutes 46 seconds
MERN Stack Front To Back: Full Stack React, Redux & Node.js.

MERN Stack Front To Back: Full Stack React, Redux & Node.js.

Sources: udemy, Brad Traversy
Welcome to "MERN Stack Front To Back". In this course we will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with...
11 hours 52 minutes 29 seconds
Fullstack ASP.NET Core and React Masterclass | Learnify

Fullstack ASP.NET Core and React Masterclass | Learnify

Sources: fullstack.io
Learnify is a self-paced, online Masterclass, where you will master ASP.NET CORE and React by building a practical, real-world application from scratch.
20 hours 40 minutes 31 seconds
Microfrontends with React: A Complete Developer's Guide

Microfrontends with React: A Complete Developer's Guide

Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning how to use microfrontends! Thousands of other en
9 hours 2 minutes 34 seconds
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