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.
- TECH STACK.
- INSTALLATION.
- OVERVIEW.
- WORK FLOW.
- VISUAL REPRESENTATION.
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" |
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
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.
- 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.
- 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;
- Patient Login, Register.
- Patient Dashboard.
- Book, Edit or Delete Appointment.
- Fetch, Track, Email, Download Vaccination Certification.
- 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;
- Doctor Login, Register.
- Doctor Dashboard.
- Fetch Appointments.
- Vaccinate Patients.
- Here is a simple flow chart for Inspector Inspection Process :
graph TD;
INSPECTOR-->LOGIN/REGISTER;
LOGIN/REGISTER-->INSPECTOR-DASHBOARD;
INSPECTOR-DASHBOARD-->FETCH-VACCINATIONS;
- Inspector Login, Register.
- Inspector Dashboard.
- Filter and track vaccination status.