(https://persistent-doctor.netlify.app/)
Short story - Near my home are several clinics( non-emergency Clinics ) which I noticed are very crowded during certain hours and not so in the others, and due to that crowding social distancing could not be implemented properly in those chaotic hours,
so the solution is if that somehow if we could know that during which interval are the least number of patients visiting
that particular clinic so maybe if feasible we can choose that least crowded time hour.
So that the crowd can be distributed across all working hours which will lead to efficient handling of patients by the doctors, less chaos for the clinic staff, less waiting time for patients, and shorter queues.
So This Web App has two main Actors, a Doctor and a Patient,
Doctor's role
- A doctor logs in and verifies his clinic and after that he can see the list and the number of patients who booked an appointment in a particular interval ( like every 10 minutes or half an hour etc ) which is pictorially represented using a Bar Graph. He can print the List of patients and call them one by one in the clinic.
Patient's role
- A patient logs in with his number with OTP verification and searches for the doctor, he selects the doctor and picks the suitable interval for the appointment, There's a calendar from which he can select the date and a Time Slot Table from which he can select a Time Slot.
After that, he Enters his details like full name, age, etc., and pays for the Appointment. After payment, he can generate the Invoicing Slip for the payment and appointment.
This project was bootstrapped with Create React App.
- Betterment of Healthcare facilities.
- Implementation of Important measures like social distancing in these unprecedented times.
- Efficient hospital business model for better organised process.
create-react-app
React Hooks
useState
, useEffect
,useContext
axios
,
react-table
,
react-calender
,
styled-components
(All the Components are in the 'components' Folder)
Folder Structure
-src
-Assets
-Components
-Big
-Medium
-Small
All Components are Hooks Based
Naming Convention Used - BEM
For Styling the Components - CSS
In the project directory, you can run:
-
You need to have the following installed (Latest Version Preferred)
- Node.js
- npm
- create-react-app using npm
-
Run 'npm install'
- To Install all the dependencies
-
Run 'npm start'
- To Run the Project In Dev Mode
-
Run 'ctrl + C' in the Command Line to stop the Node Deamon from serving the react app
- Update Node and npm to latest version
- Try installing Cors library using npm as this Project uses External API to Fetch Data
- Comment Down the Error, and we will try to solve it
- Implementing a strong Back-end with Secure payment service options.
- Implementing a hassle-free login with OTP integration.
https://drive.google.com/file/d/1-Zi-iFa0oC40c287ErhM6DLUdMhbju1N/view