Skip to content

asadparkar/sos-health-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 

Repository files navigation

sos-health-app

##CLIENT SIDE link - https://yoursos.site/ (NOT ACTIVE AS OF NOW)

##HOSPITAL SIDE link - https://spontaneous-mandazi-552d92.netlify.app/

How to run on your system locally?

  1. Download the repository locally
git clone https://github.com/asadparkar/sos-health-app.git
  1. Browse into the client directory manually or in terminal
cd sos-health-app/client
  1. Install all dependencies
npm install .
  1. Run the website
npm run dev

Objective

The primary objective of an emergency website is to provide users with a quick and easy way to request an ambulance in case of a medical emergency. Time is of the essence in medical emergencies, and every second counts when it comes to saving lives. Therefore, the website must be designed to be user-friendly and efficient in collecting the necessary information to dispatch the ambulance.Ultimately, the objective of an emergency website designed to call an ambulance is to potentially save lives by reducing the time required for emergency services to respond to a medical emergency. By providing users with a quick and easy way to request an ambulance and collecting the necessary information efficiently, an emergency website could help emergency responders arrive at the scene of a medical emergency more quickly and potentially save lives.

Methodology

The website is designed using the most modern JS library, React js. It will be used to contact ambulances to provide users with a simple and efficient way to request emergency medical services during a medical emergency. The website focuses primarily on the core functionality of sending SOS to an ambulance, collecting the necessary information, and dispatching the ambulance as quickly as possible.

Screenshot 2023-04-15 084432

This is a quick and hassle free method. To make the process as efficient as possible, we ask the user for their phone number and the reason for the ambulance request. Our website also automatically retrieves the user's location, ensuring that emergency services can be dispatched to the correct location without delay.

Screenshot 2023-04-15 084459

As soon as the user sends an SOS request, registered hospitals are immediately notified of the emergency and provided with the user's location. Hospitals can then accept the request and dispatch an ambulance to the scene as quickly as possible.

Screenshot 2023-04-15 123520

As this is a time of panic and concern, to keep the user informed of the ambulance's progress, we provide a real-time map that tracks the ambulance's location and tracking on a map using leaflet.js, a javascript library. Additionally, our website provides the user with helpful tips and emergency procedures that they can follow while waiting for the ambulance to arrive. These tips may include basic first aid procedures, such as how to control bleeding or perform CPR, that can make a critical difference in emergency situations.

In addition to the emergency ambulance service, our website features a comprehensive general services page that is designed to provide additional support to users during an emergency. The general services page includes two key sections - an emergency procedures page and a chatbot feature.

Screenshot 2023-04-15 122546

The emergency procedures page includes detailed guidance on how to treat common injuries in case of an emergency. This feature enables users to quickly access relevant and potentially life-saving information, providing them with the knowledge and confidence to take appropriate action in an emergency.

Screenshot 2023-04-15 122606

The chatbot feature is designed to provide users with additional support and guidance. It is a powerful tool that can help users identify their illness and provide suggestions to improve their health. By using the chatbot feature, users can access a range of information and resources that can help them manage their health and wellbeing more effectively.

Screenshot 2023-04-15 122711

In our website, we utilized Google Cloud virtual machines to provide a reliable and scalable platform for our users. Specifically, we used virtual machines to host our backend servers, which handle user requests and coordinate ambulance dispatches.

By using virtual machines, we were able to ensure that our servers had access to the resources they needed to handle a large number of simultaneous user requests. Additionally, we were able to easily scale up or down our server capacity as needed, allowing us to adjust to changes in traffic and demand.

Screenshot 2023-04-16 140614

Overall, the inclusion of the general services page on our website provides users with a range of helpful and potentially life-saving resources. Whether they need emergency procedures guidance or help with managing their health and wellbeing, our website is a comprehensive and user-friendly platform that provides all the support that users need in an emergency.

We utilized Firebase as a backend service to handle data storage, user authentication, and real-time messaging.

WhatsApp Image 2023-04-16 at 20 30 49

WhatsApp Image 2023-04-16 at 20 30 50

One of the key benefits of Firebase is its real-time database, which allowed us to provide a seamless user experience for our users. This feature enabled us to display real-time updates and notifications to users as ambulance requests were received and processed.

Hospital Side

Screenshot 2023-04-15 084543

Screenshot 2023-04-15 141238

Screenshot 2023-04-16 140614

Recording.2023-04-15.141059.mp4

Tech Stack

Frontend

• React.js

• Tailwind CSS

• Chakra UI

• Axios

• Redux

Backend

• Firebase

Future Scope

Our emergency website is committed to continuous improvement, and we have several plans to enhance the functionality and user experience of the platform in the future.

Firstly, we plan to incorporate multiple ambulances into the system. This will ensure that emergency services can be dispatched to the user's location as quickly as possible, even during periods of high demand. By increasing the number of ambulances available, we can reduce response times and improve outcomes in emergency situations.

Secondly, we plan to improve the map functionality of the website. This will include adding more detailed maps and integrating them with real-time traffic data to provide more accurate estimates of ambulance arrival times. Additionally, we plan to add features such as alternative routes, which will help ambulance drivers navigate around traffic congestion and other obstacles.

Thirdly, we plan to improve the latency of the website. This will involve optimizing the website's backend systems and infrastructure to ensure that requests are processed as quickly as possible. We will also work on improving our data transfer protocols to minimize latency and ensure that emergency services are dispatched to the correct location as quickly as possible.

Finally, we will be focusing on improving the backend of the website to improve scalability and support multiple users. This will involve implementing a more efficient database management system, optimizing server configurations, and improving the overall architecture of the website to ensure that it can handle a high volume of requests without crashing or slowing down.

Overall, our future plans for the emergency website are aimed at providing users with a fast, reliable, and effective way to request emergency medical services. By incorporating multiple ambulances, improving the map functionality, reducing latency, and improving the website's backend, we aim to make the emergency website the go-to platform for anyone in need of emergency medical services.

Results

The implementation of the SOS website has been a success, providing a comprehensive emergency ambulance service with just a click of a button. The website's fully-fledged functionality includes an automatic location retrieval feature, enabling emergency responders to quickly locate and dispatch services to the user's location.

In addition to the emergency ambulance service, the website also includes a general services page that provides a range of emergency procedures, allowing users to access helpful tips and guidance while they await assistance. Furthermore, the website includes a chatbot feature that can be used to identify the user's illness, providing an additional layer of support and enabling emergency responders to be better prepared to respond to the user's needs.

Overall, the successful implementation of the SOS website has created a comprehensive and user-friendly platform that provides a range of emergency services, including ambulance dispatch and tracking, general emergency procedures, and chatbot support.

About

Access our Client Side here

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages