Inspiration

Recently, there have been numerous amounts of wildfires on the west coast of the United States. Over 150,000 acres of land and over 80 people have been lost due to the number of wildfires that have been happening recently. This problem is causing an unusual amount of deforestation in local areas. WARN helps solve this critical problem by providing a simple way to inform civilians of their surroundings to benefit their health. This mobile app can be used during this unprecedented time and after.

What it does

WARN is a mobile app that creates awareness for wildfires. The user can log in/register into the application which is powered by Firebase’s user authentication to make the authentication secure. The user can view the latest news about wildfires in real-time. They can also check their notifications in which they can view the air quality and the amount of pollution around them.

The user starts at the authentication where they can register or sign in if they have an account, powered by Firebase’s user authentication.

Dashboard Screen: Once the user logs in, they can view their dashboard which will show their current location, the air quality outside and how good or bad it is, temperature, and heat maps of where wildfires have occurred, how bad the air quality is around you, the pollen in your area, and pollution around you.

Notifications Screen: If the user selects the bell icon in the bottom navigation tab, they can view their notifications if there are fires near them, how the air quality is, if it’s pollen season, and if there's an abundance of pollution

Nearby Fires Screen: Here the app automatically asks the user for their location and uses the location of the device to fetch from the fires BreezoMeter API and then listing out the results of the response array in the application in the UI presented there.

News Feed Screen: Users can go to the news feed tab at the bottom, and view the latest news about wildfires in real-time. Users can view the articles and a modal will pop up showing the news article. Once it’s opened the user can share it with others who may find it useful or close it by tapping the X in the top left corner.

How we built it:

  • React Native for the frontend
  • Firebase for user authentication
  • Expo Workflow for over-wifi deployment
  • Expo Location API to retrieve the user’s location
  • Expo Reverse Geocode API to receive the user’s location and retrieve relevant information
  • Breezometer Fire API to retrieve information and data about wildfires in the country
  • Breezometer Air Quality API to obtain the quality of air around the user
  • Breezometer Pollen API to fetch where the pollen levels are high
  • Breezometer Pollution API to acquire the level of pollution around the user to make sure it’s safe to go outside
  • Figma for UI/UX design

Challenges we ran into

We ran into many challenges and technical bugs, but that is what programming is all about. The first challenge we ran into was creating a modal for the users to view the articles, as we haven’t used it before. Another challenge we ran into was figuring out how to display the data into a heatmap.

Accomplishments we are proud of

We are proud of so many things. We made use of this project to the best of our abilities in the allotted time. We got to use several different APIs, which is something that we haven’t dabbled in too much. After seeing how much information they provide, we plan on using it more often. Additionally, we combined all of our skills to create a mobile app that has multiple features and we are proud of this app. We love the UI/UX and we love the backend. Finally, we are proud of the amount of work we pulled off in the given time. We would have never thought we could accomplish this much in such a small amount of time.

What we learned

  • Displaying data in heatmaps
  • Retrieving a user’s location to display relevant information

Script

INTRO

Recently, there have been numerous amounts of wildfires on the west coast of the United States. Over 150,000 acres of land and over 80 people have been lost due to the number of wildfires that have been happening recently. This problem is causing an unusual amount of deforestation in local areas. WARN helps solve this critical problem by providing a way to inform civilians of their surroundings to benefit their health.

LOGIN/REGISTER

When the user visits the app, they can choose whether they would like to login or register. After they login/register, they get to the dashboard where they can view numerous things such as their location, air quality, temperature, and heatmaps of fires near them, the air quality around them, how high the pollen level is, and the level of pollution near them.

DASHBOARD

This is where you. can navigate to the area that pertains to you most. Additionally, it shows your current address and details regarding AQI using BreezoMeter API. Additionally, there are four heatmaps which are a great visual graphic for things like pollution, congested areas with fires, and pollen concentrations. Additionally, you are able to access details such as health recommendations and other such features shown in the video pertaining to AQI.

NOTIFICATIONS

If you select “Notifications”, the user can view their notifications, which they set, if there are fires near them, how the air quality is, if it’s pollen season and if there's an abundance of pollution.

FIRES NEARBY

Once again, using the location services from your phone the app automatically uses your longitude and latitude and fetches the API request using that particular longitude and latitude, From there, the results are retrieved and displayed in front of you within a matter of seconds.

NEWS FEED

For the news feed tab, we are automatically presented with the most reliable and latest news in relation to wildfires to help users become more informed regarding what is happening around them. This includes the ability to find fires reported nearby and find guidance through the news from your local authorities. Users can go to the news feed tab at the bottom, and view the latest news about wildfires in real-time. Users can view the articles and a modal will pop up showing the news article. Once it’s opened the user can share it with others who may find it useful or close it by tapping the X in the top left corner.

CONCLUSION

In conclusion, if this project was implemented it can help many civilians by allowing them to benefit their health and save lives in the process. Thanks for reviewing our project!

Side Notes

Due to merging and issues with GitHub we were having initially, we used google drive. It only shows one commit because my teammate and I were collaborating over Google Drive.

Built With

Share this project:

Updates