Inspiration
We wanted to address the issues brought to light by the Palisades fire. Our current infrastructure is meant to handle small, localized fires, not ones on the scale we saw in January. To help bring awareness of the current firefighting system's resource capabilities to our own communities in San Diego, we created an interactive map to visualize local stations, fire hydrants, and user-reported fires.
What it does
FireLinkSD connects users and first-responders in an interactive interface. Our map shows pinpointed locations of fire stations, included with information on gas and water levels at each station. It also shows the closest station and fire hydrants to the location of the user, enabling people to be aware of how long first-responders make take and whether there is enough water available in emergencies.
Additionally, users may report fires by entering their address. The reports are stored in a query, which shows first-responders the five nearest stations to the emergency, allowing them to compare fuel and resource level in each station and dispatch the best one.
How we built it
We implemented the map using leaflet.js. For storing the queries, we used Google Sheets and the SheetDB API to convert into JSON and display on the site.
Challenges we ran into
The problem we had initially was how to store queries in a database system. As we are building a rough 'first-draft' of the app and had limited time to implement, we decided to use Google Sheets and SheetDB as a quick and convenient way to store the queries.
Accomplishments that we're proud of
We are proud of designing an easily navigable site and visually pleasing interface.
What we learned
We learned how to use leaflet.js and SheetDB, which will be useful tools for future projects.
What's next for FireLinkSD
We plan on adding administrative accounts for first-responders, allowing them to edit the gas & fuel levels. We also plan to expand the geographic locations beyond the San Diego area, to fire-prone places such as LA.
Built With
- css
- html
- javascript
- leaflet.js
- sheetdb
Log in or sign up for Devpost to join the conversation.