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

Watch Online Doctor Appointment Booking App with React ,Firebase , ANT D

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

Make 20 React Apps

Make 20 React Apps

Sources: Chris Sev
Learn React best practices and concepts that you can use on the job, in side projects, and in any React app.
12 hours 20 minutes 3 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!

Sources: udemy
Do you want to learn the fundamentals of modern web development fast? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just w...
12 hours 13 minutes 30 seconds
Intro to Shopify App Development with React, Node & GraphQL

Intro to Shopify App Development with React, Node & GraphQL

Sources: udemy
This is the first course of it's kind on the internet! Learn how to make professional applications for the Shopify Platform using React, Node, Koa, GraphQL, Apollo, and the Shop...
4 hours 10 seconds
The Ultimate React Course 2024: React, Redux & More

The Ultimate React Course 2024: React, Redux & More

Sources: udemy
In 2024, React is still the #1 skill to learn if you want to become a successful front-end developer! But it can be hard. There are so many moving parts, so ma
83 hours 56 minutes 37 seconds
Web Performance Fundamentals

Web Performance Fundamentals

Sources: Nadia Makarevich
"The Fundamentals of Web Performance" focuses on the key aspects of improving the speed and responsiveness of web applications in the context of React...