Safe State

Safe State is an application used as an emergency notification service during natural disasters.

Comment

Inspiration

State Farm's values of always being there for their customers, especially in times of need like a natural disaster inspired us to make an application that allowed them to help. Since they can't physically help you with your immediate safety in disastrous weather conditions, we wanted to provide an application that allows their customers' quick access to notifying emergency services as well as their loved ones of their current situation/location with minimal effort.

What it does

Our application displays the severity of the weather, what natural disaster is occurring, buttons to send automated messages to 911 and emergency contacts, a checklist of what steps to take for the particular natural disaster that the user can check off as they perform them, and a weather radar based on their location. In the menu bar, there is an account management button that opens up a drawer where the user can input their emergency contacts. These emergency contacts are then added to the list of contacts to send a SMS to after clicking the "I'm safe" or "I'm in Danger" buttons. The page is also completely responsive, so changing the size of the window/screen will change the view of the page accordingly.

How we built it

We built our project using the tech stack: Git, Node.js, and React.js. We utilized Google's Material UI components for the components in our application.

Challenges we ran into

We struggled with getting all of the prerequisites to React downloaded onto one of our machines. We got help from the sponsoring developers to fix the issue. We were also very caught up in getting weather/location apis integrated into our app and were unable to do so due to a series of errors. The main error was that I was unable to reference "google". A developer suggested that we just move on and use the apis later if we have time available.

Accomplishments that we're proud of

We are both proud of getting a full, reactive application together in a short amount of time. Autumn had never worked with our tech stack or Javascript, HTML, or CSS, so she is extremely proud of being able to set up the project and contribute using new languages.

What we learned

We both learned how to effectively collaborate and delegate work for an application. Autumn learned how to use Github, as well as all the other tech and languages.

What's next for Safe State

All of our data is mocked and not being retrieved via an api, but implementing real data from apis would be the next steps for this project. We also are not saving the contact data or sending an actual SMS, so that would be an additional step.

Built With

Share this project:

Updates