RoyBoy

Inspiration

Looking through the available datasets, we felt that data related to earthquakes held great importance and would be the most visually intriguing data to display. We also were looking forward to utilizing a Google Maps API and earthquake datasets were the most effective and made the most sense for a Google Maps API.

What it does

The project creates an interactive map via the Google Maps API and plots past earthquakes around California, which have visual indicators of their magnitudes. Users can click through points to display important statistical information regarding earthquakes in the area. The project also provides a heat map displaying geographic zones more sensitive to earthquakes as well as seismograms showing the intensity of earthquakes if they were to occur in specific areas.

How we built it

We utilized React.js to build the frontend and FastAPI to build the backend. We leveraged the Google Maps API to generate an interactive map in which users can scroll around and zoom in. We queried the U.S. Geographic Survey earthquakes webpage to retrieve past occurrences of earthquakes.

Challenges we ran into

We faced many creative stumps, where we felt lost as to how we could leverage the provided datasets. The datasets and the themes threw us off as we were not really prepared for an environment sciences theme. However we were able to take a moment and really brainstorm how we can utilize the given datasets and eventually we figured it out.

Accomplishments that we're proud of

We are proud of our overall app and its design and impact. Our app takes real data and utilizes it in order to produce interactive visuals and predictions for the betterment of the user experience and curiosity.

What we learned

We learned how to debug together effectively despite some of roles being very different during production. For example, we were able to take a moment and really help each other out as a whole group. This allowed us to work with efficiency and overall produce less future bugs.

What's next for RoyBoy

We plan to add a web scraping feature that will get live earthquake data. That way our web app is not limited to past data and can have a larger impact for the future. We also plan to scale it globally with more data so that it doesn't focus on just California.

Built With

• fastapi
• javascript
• mongodb
• python
• react