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

React Summit Remote Edition 2021

React Summit Remote Edition 2021

Sources: reactsummit.com
Attend a three-day React conference gathering thousands of international Front-end and Full-stack engineers in the cloud.
16 hours 1 minute 10 seconds
Solidity & Ethereum in React (Next JS): The Complete Guide

Solidity & Ethereum in React (Next JS): The Complete Guide

Sources: udemy
Create real Smart Contracts in Solidity and DApps with React & Next JS. Understand how the Ethereum blockchain works.
38 hours 47 minutes 24 seconds
Build a Realtime App with React Hooks and GraphQL

Build a Realtime App with React Hooks and GraphQL

Sources: udemy
Master the latest and greatest features in React within the context of a full-stack, real-world app. A realtime, full-stack React app from scratch with a GraphQL Server (Apollo ...
4 hours 32 minutes 39 seconds
React Formula - Learn Frontend Development

React Formula - Learn Frontend Development

Sources: Alvin Zablan
Learn how to create modern interfaces using React, Tailwind CSS, and other tools. Most React textbooks are not designed for real-world...
23 hours 47 minutes 37 seconds
REACT ROUTER (v6)

REACT ROUTER (v6)

Sources: ui.dev (ex. Tyler McGinnis)
There’s an easier way to master React Router. Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what yo...
3 hours 15 minutes 27 seconds