Doctor Appointment Booking App with React ,Firebase , ANT D
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.
More
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 Doctor Appointment Booking App with React ,Firebase , ANT D
# | 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 |