Skip to content

anandpothraj/avs-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Anand Vaccination System

avs AVS is a robust MERN stack web app designed for precise disease vaccination with stringent validation to minimize errors. It also includes features like vaccination status tracking, certification issuance, and secure travel facilitation to maintain a safe environment.

CONTENT

  1. TECH STACK.
  2. INSTALLATION.
  3. OVERVIEW.
  4. WORK FLOW.
  5. VISUAL REPRESENTATION.

TECH STACK

                       

Technology Name Version
React "^18.2.0"
Bootstrap "^5.2.3"
React Bootstrap "^2.7.4"
Axios "^1.4.0"
React Icons "^4.9.0"
React Qrcode "^2.0.12"
React JWT "^1.1.8"

INSTALLATION

It is recommended to install node version >= 14.0.0+ as well as npm accordingly supporting to that node version.

To clone the code inside your local system use :

git clone https://github.com/anandpothraj/avs-frontend.git

OVERVIEW

Features include:

  • Single step solution for complete vaccination process.
  • Consist Two step authenication system for high safety standards.
  • Precision with High Validation.
  • Doctor-Focused Dashboard.
  • User-Friendly Patient Experience.
  • Secure Certification.

WORK FLOW

  • There are three types of users in AVS :
    • Patient
    • Doctor
    • Inspector
  • Features similar for all type of users :
    • Register or Login using two step user authenication system.
    • Edit User Details or User Credentials.
  • Patient :
    • Filter and Track Vaccination Status.
    • Book, Fetch, Edit and Delete Appointments.
    • Preview, Email and Download Vaccination Certificate.
  • Doctor :
    • Fetch Users and there Appointment details.
    • Add, update, fetch and delete vaccine details.
    • Vaccinate patients and update their vaccination details.
  • Inspector :
    • Filter and Track Vaccination Status of patients.
    • Ensuring safe travel facilitation to maintain a safe environment.

VISUAL REPRESENTATION

  • Here is a simple flow chart for Patient Vaccination Process :
graph TD;
    PATIENT-->LOGIN/REGISTER;
    LOGIN/REGISTER-->PATIENT-DASHBOARD;
    PATIENT-DASHBOARD-->FETCH/BOOK/EDIT/DELETE-APPOINTMENT;
    APPOINTMENT-->VACCINATED;
    VACCINATED-->TRACK/EMAIL/DOWNLOAD-VACCINATION-CERTIFICATE;
Loading
  1. Patient Login, Register.

image

image

  1. Patient Dashboard.

image

  1. Book, Edit or Delete Appointment.

image

image

image

  1. Fetch, Track, Email, Download Vaccination Certification.

image

  • Here is a simple flow chart for Doctor Vaccination Process :
graph TD;
    DOCTOR-->LOGIN/REGISTER;
    LOGIN/REGISTER-->DOCTOR-DASHBOARD;
    DOCTOR-DASHBOARD-->FETCH-APPOINTMENTS;
    FETCH-APPOINTMENTS-->VACCINATE-PATIENTS;
Loading
  1. Doctor Login, Register.

image

image

  1. Doctor Dashboard.
  • Fetch Appointments Dashboard. image

  • Vaccines Info Dashboard. image

  1. Fetch Appointments.

image

  1. Vaccinate Patients.

image

  • Here is a simple flow chart for Inspector Inspection Process :
graph TD;
    INSPECTOR-->LOGIN/REGISTER;
    LOGIN/REGISTER-->INSPECTOR-DASHBOARD;
    INSPECTOR-DASHBOARD-->FETCH-VACCINATIONS;
Loading
  1. Inspector Login, Register.

image

image

  1. Inspector Dashboard.

image

  1. Filter and track vaccination status.

image