SaveMue

Main Page of App. Shows diffrent EWE.
A guideline about how you should act during this EWE.
Maps Feature the locations of interest during a EWE.
Shortcuts to call emergency numbers.

Inspiration

Ever been outside during a thunderstorm in the middle of the city, panicked and did not know where to find shelter? SaveMue is here to save you! With the increasing frequency of extreme weather events, this seemed like a good fit for the challenge provided by the city of Munich.

What it does

SaveMue is an app that provides aid during extreme weather events (EWE), by providing guidelines and locations relevant to the current weather condition. For example: if you are in the middle of town and a sudden storm breaks out, you need to find shelter. You start running around or fumbling on your phone, searching on Google, but you are not able find suitable shelter under stress. This is where SaveMue comes in. You open the app and it detects that there is thunderstorm is going on and gives you short and precise instruction what to do and where you can find shelter. The app is designed to handle different weather events, like floods, heatwaves, hail and many more.

How we built it

We used Figma to design the app and then generated react-native code with with the Locofy Plugin (which turned out to be a bad idea). We used Open Source Data libaries to fuse a map of Munich and points of interest for current EWE, using react-native . For example: During a heatwave, hydration is important - therefore, we use the geolocation data for public water taps provides by the Munich open-data set.

Challenges we ran into

Usage of openstreetmaps in react-native proved infeasible under given time constraint, because there are no libraries that provide this functionality
Converting from the Figma design to a React Native project using an AI tool that: -- overcomplicated the code -- did not create reusable/flexible components -- used misleading variable names => forced us to spend a lot of time cleaning up our code
Lack of documentation of public APIs (like NINA, DWD)
Hunger

Accomplishments that we're proud of

Intuitive design
Map features (show the information gathered from Munich Open Data and provide a route to the nearest one)
As total beginners in App development we build something that works (kinda)

What we learned

Design an app with Figma
Improve our React Native knowledge
You need to be early for pizza
AI cannot do everything (or even most things)

What's next for SaveMue

Complete the different help pages
Integrate DWD warnings in App, corresponding information is opened automatically
Inform when an event is over
Extend map database to be able to find more shelters, healthcare services...
Add more extreme weather events
Provide Map information without being online
Fullfill GDPR by asking users's consent to share their location data
Switch from google maps to openstreetmaps