Inspiration

We are three students from Northern California who have been indirectly affected by the catastrophic wildfires that have been ravaging California for the past couple of years. We decided to connect this to climate change because we have personally observed the extreme weather patterns and temperature extremes with the worsening of Northern California wildfires.

What it does

With our single-page web-application, Vesta, we hope to raise awareness about how climate-change induced extreme weather phenomena can lead to intensified wildfire patterns. Key features include:

1) Wildfire History: We provide historical data about wildfires in certain counties since 2015. The app fetches data from the backend to construct line graphs that display the trends in temperature and precipitation levels.

2) Prediction: Users are asked to input their coordinates. In response, the app displays current temperature, wind speeds, and weather conditions by calling the public OpenWeathre API. We then compare current weather conditions to historical data from past fire seasons, in order to provide an assessment of wildfire risk (low, medium, high, nonee) at the current time. Hotter temps, stronger winds, and arid conditions will result in a higher risk assessment

3) Prevention: America’s favorite mascot, Smokey the Bear, raises awareness about everyday tips to prevent future wildfires.

4) Community: We hope to provide resources for those who live in areas that are prone to wildfire damage. In it, we include interviews from people who lived through historically devastating Northern California wildfires.

How we built it

In developing Vesta, we applied the ReactJS framework. For the backend, we constructed a mock server to store data pulled from NOAA csv files, and fetched data from our mock server along with weather data from public APIs using the Axios library. For the frontend, we incorporated React libraries to construct graphs, the carousel, and the form, and all styling was implemented from scratch with HTML & CSS.

Challenges we ran into

Resizing is not as responsive as we would like

Unable to retrieve a fully complete list of historical weather data

Predictions are somewhat simplified due to minimal data and expertise

Accomplishments that we're proud of & What we learned

Much of what we are proud of relates to what we learned.

Learning React and applying it for the first time to building a web application

Setting up the mock server

Learning to query data from a backend and public APIs

Being able to experiment with CSS to create a nice UI/UX and creating animated features

Navigating challenges with Git

What's next for Vesta

Deployment of application

More expansive historical data (would probably require paying for data)

Forum for community discussion among survivors and people in areas affected by wildfires

Realistic model to predict possibility of a wildfire

Mobile-friendly version of app

Built With

Share this project:

Updates