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

Join premium to watch
Go to premium
# Title Duration
1 Introduction 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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

PHP Symfony 4 API Platform + React.js Full Stack Masterclass

PHP Symfony 4 API Platform + React.js Full Stack Masterclass

Sources: udemy
Have you ever wanted to advance your PHP skills to the next level? Maybe you have some prior PHP experience but you never had a change to work with a framework?
19 hours 24 minutes 17 seconds
React - The Complete Guide

React - The Complete Guide

Sources: udemy, Academind Pro
Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects and build one big application which is improved throughout t
47 hours 42 minutes 41 seconds
React Simplified - Bonus Project

React Simplified - Bonus Project

Sources: webdevsimplified.com
What if I told you that you could build this advanced job board project by the end of this course entirely on your own? That's what this entire section of...
5 hours 8 minutes 8 seconds
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
Master Custom React Hooks with TypeScript

Master Custom React Hooks with TypeScript

Sources: fullstack.io
Welcome to the course "Creating a Custom React Hook npm Package using React and TypeScript"! In this course, we will be developing...
2 hours 21 minutes 3 seconds