Reagan27 / blazor-hospital-appointment

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Online Appointment System for Doctors using Blazor Server and Radzen UI Component

This project is an Online Appointment System for Doctors, built using Blazor Server and powered by the Radzen UI Component library. The application streamlines the process of scheduling appointments between patients and doctors, enhancing efficiency and patient care.

Technolodgy Used

.NET Core: Framework for building cross-platform applications.

Blazor Server: Server-side Blazor framework for interactive web apps.

Radzen UI Components: Pre-built UI components for Blazor apps.

Pre-Requisites:

Interface

Admin's view

Home Page

screencapture-192-168-1-133-2023-08-22-17_01_49

screencapture-192-168-1-133-Patients-d3e6a67c-02fa-4b14-b1e5-89968b4015e7-2023-08-22-16_40_46 screencapture-192-168-1-133-Patients-Appointments-d3e6a67c-02fa-4b14-b1e5-89968b4015e7-2023-08-22-16_40_57

Patient Page

screencapture-192-168-1-133-Patients-2023-08-22-16_41_15

Doctor Page

screencapture-192-168-1-133-doctors-2023-08-22-16_41_08

Appointment Page

screencapture-192-168-1-133-Appointments-2023-08-22-16_41_23

Register Page

screencapture-192-168-1-133-register-2023-08-22-17_47_23

Doctor Registration Page

screencapture-192-168-1-133-Register-doctor-2023-08-25-12_15_39

Patient Registration Page

screencapture-192-168-1-133-5000-Register-patient-2023-08-18-14_10_15

Login Page

screencapture-192-168-1-133-Accountlogin-2023-08-25-12_13_53

Forgot Password Page

screencapture-192-168-1-133-forgotpassword-2023-08-25-12_14_07 screencapture-192-168-1-133-forgotpassword-2023-08-25-12_14_34

Doctor's view

Home Page

screencapture-192-168-1-133-2023-08-22-16_26_06

Appointments Page

screencapture-192-168-1-133-Appointments-2023-08-22-16_28_02 screencapture-192-168-1-133-Appointments-2023-08-22-16_28_15 screencapture-192-168-1-133-Appointments-2023-08-22-16_29_13 screencapture-192-168-1-133-Appointments-2023-08-22-16_30_31

Patients Page

screencapture-192-168-1-133-Patients-2023-08-22-16_30_57 screencapture-192-168-1-133-Patients-2023-08-22-16_31_11

My Profile Page

screencapture-192-168-1-133-myprofile-2023-08-22-16_31_52

Profile Edit page

screencapture-192-168-1-133-5000-Editprofile-2023-08-18-14_20_10

Patient's View

Book Appointment Page

screencapture-192-168-1-133-bookappointment-2023-08-22-16_35_52

Appointments Page

screencapture-192-168-1-133-Appointments-2023-08-22-16_36_02

My Profile Page

screencapture-192-168-1-133-myprofile-2023-08-22-16_37_06

Profile Edit page

screencapture-192-168-1-133-Editprofile-2023-08-22-16_37_14

Password Change

screencapture-192-168-1-133-changepassword-2023-08-22-16_37_23

Functionalities Implemented:

1. Doctor:

  • Home - The doctor can quickly view today's appointments and access patient statistics, including total patients, appointments, pending requests, and today's appointments.
  • Appointments - The doctor is able to view, take actions (cancel/approve/close/revisit), and even add summary reports for streamlined management.
  • Patient - The doctor can effortlessly access patient records, including their detailed information.
  • My Profile - The doctor can view their profile or details.
  • Edit Profile - The doctor can update their profile information.

2. Patient:

  • Appointments - The patient has complete control over appointments able to view, and take actions (cancel/revisit).
  • Book Appointment - The patient can book an appointment by selecting the appointment date and doctor
  • My Profile - The patient can view their profile or details.
  • Edit Profile - The patient can update their profile information.

Change Password: User can change their password here.

How to Run

1 - Install the following

2 - Set up a database on pgAdmin 4

3 - Set the ConnectionString in the Appsettings.json file in the project

Screenshot 2023-08-18 145250

4 - Run Application

Screenshot 2023-08-18 145340

About


Languages

Language:HTML 64.3%Language:C# 33.2%Language:CSS 2.4%Language:JavaScript 0.1%