This is a WebPage made to report and monitor the ambulance location to hospital client in case of emergency.This MERN stack application
The webPage has 3 total client in total
- Ambulance client. 🚑
- Anonymous user client. 👥
- Hospital client. 🏥
Let's say there is a emergency at a location reported by anonymous user client.The User reporting must fill in a valid phone Number and send that to particular ambulance client by selecting ambulance client from the list
The ambulance client recieves a notification in real time via sockets with user PhoneNumber and location.The ambulance client can then accept that notification and he is redirected to a Page with waypoints on a map.
The anonymous user client will recieve the ambulance location in realtime,Once the ambulance client reaches the location sent by anonymous user he can now view the location of ambulance in realtime.On reaching the location ambulance client can now choose to send patient form,On submission automatically nearest hospital from database is choosen.
A waypoint is shown to nearest hospital and this hospital client recieves the notification and can view ambulance location in realtime.
Both Ambulance and hospital client are authenticated using OTP authentication.
| PageName and description | Preview |
|---|---|
| LoginPage:Uses OTP authentication to verify user only user available in database are able to login. |  |
| Anonymous UserPage:An anonymous user can report a emergency location and also has to send a valid PhoneNumber |  |
| Ambulance Location for Anonymous user client:Once ambulance client accepts notification realtime location of ambulance is shown here |  |
| Ambulance client notification:It shows notification recieved in realtime,the red color indicates the notification recieved is not handled by any other client and greenish color shows the notification of emergency is taken care. |  |
| Form:This form is highlighted by a button,Once ambulance reaches the location,It also automatically selects a nearest hospital from database |  |
| Ambulance NavigationPage : It is page opened once the ambulance client accepts a emergency request shows waypoints to nearest hospital and also emergency location |  |
| Hospital Client Notification : This Page recieves notification with form details and real time location from the ambulance client |  |
- Twilio is used to send SMS,However in the code OTP is print onto terminal to avoid wasting cost on SMS,However code is available here in Line 42.
- Instead of using watchPosition for demo purpose,I have used waypoints make sure to change it.