Code Monkey home page Code Monkey logo

csgeeek / ambulance-tracker Goto Github PK

View Code? Open in Web Editor NEW
11.0 1.0 18.0 3.93 MB

This webapp tracks location of an ambulance in real-time and it notifies hospital when an ambulance is within 3km range of a hospital which could potentially reduce treatment delay.

Home Page: https://youtu.be/KkqGRHMl9Sk

License: MIT License

HTML 9.07% CSS 4.67% JavaScript 54.99% Java 30.37% Dockerfile 0.90%
geolocation mern websockets tailwindcss hacktoberfest hacktoberfest2023

ambulance-tracker's Introduction

Smart Siren (Ambulance-Tracker) πŸš‘

This web app assists hospitals by bridging the communication gap between Ambulance driver and hospital management especially during emergency cases. This web app successfully tracks and alerts hospital management by which delay in treatment of patient can be reduced. This could potentially save lives.

This webapp notifies hospital when an ambulance is within 3km range of a hospital. This will be very useful at times of emergency cases which assists in timely treatement of patients. This works by tracking ambulance location(coordinates) in real-time. The location stats will also be updated in realtime on hospital's display board.

This webapp was built using ReactJS, Node.js, Express, MongoDB, Socket.io, Geo-location API, TailwindCSS.

To install the webapp, run the following commands:-

- https://github.com/csgeeek/Ambulance-tracker.git
- npm install (in server, clients folders)

To initialize the project follow the below steps:-

- Download and install MongoDB compass 
- Create a database with <DB_NAME> in the MongoDB compass application
- Create a .env file in the server folder with the following details DB_URI=https://localhost:27017/<DB_NAME>

Run the project => npm start

Links

Check out the working of my project here.

Check out the deployed web app here.

Upcoming Features

Integrate with UHS.

Fun-Fact

This project has got selected for Google Startup Bootcamp.

❀❀

ambulance-tracker's People

Contributors

ashishsharma1203 avatar csgeeek avatar godfryderycerz avatar hridoyhazard avatar jatin00000 avatar sakshi-75 avatar shield12345 avatar theritikchoure avatar userjhansen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

ambulance-tracker's Issues

Create a docker file to run the project🐳

Create a Dockerfile 🐳 for the project. The goal here is to be able to run the project using a single command using docker-compose.

Write a simple dockerfile and expose the ports as follows:-

  1. amb-driver ==> 3000
  2. hospital-display ==> 3001
  3. admin ==> 3002
  4. Socket/Auth server ==> 5000

Note:- These changes are only for Web/clients and server directories.

Add a Learn more page

On the Signup page, the learn more link redirects to nowhere. Create a simple learn more page and add some basic details and link it.

Refer to: - Link

These changes are only for Web/clients directory

Beautify buttons πŸ–Œ

The buttons on the home page of the website are kind of boring. Style the buttons according to the best fit. Be creative!!🎨

Change the favicon of the website

Currently, the website has the default react-favicon. I would suggest changing this favicon to a related one. (Ambulance icon, siren, etc.)

Beautify Login successful message

More information

The plain old Log in successful prompt is so boring.

You just need to make it look good.

Tips

You can use CSS or you can also use Toast or any other (Your wish) πŸ˜‰

Note:- The changes are only for Web/clients

Add validations for driver account signup

Currently, there aren't any validations made before signing up the ambulance driver.

Add validations for the following:-

  1. Username has to be unique -- (Allow only alphabets and numbers)
  2. Ambulance Number has to be unique -- (Allow only alphabets and numbers and space)

Happy coding πŸŽ‰

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.