Skip to content

edilchristian/wildfire-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

web app link: https://wildfire-map-react.vercel.app github link : https://github.com/edilchristian/wildfire-map

I have always been intrigued by Geography and all my friends know about my love for Maps. So when I found the maps library in React, and the Google Maps API, I wanted to do something creative with it. One of my friends is studying in the West Coast and she was describing a wildfire incident that happened near her city. This inspired me to create a React App which displays the wildfire incidents across America and other countries too. I fetched the wildfire data from NASA EONET API and used Iconify library to visualize the fires using emoticons. And then used Vercel to deploy the web-app. Also, thanks to Brad Traversy for ideas and design for this webapp.

wildfire thumbnail

P.S: A pop up box appears when loading the webapp, saying "This page can't load Google Maps correctly" because Google Maps is no longer free and hence the thumbnails appear all across the map. Just press "OK".

Technologies used:

  • React
  • JavaScript
  • HTML
  • CSS
  • NASA EONET API
  • Google Maps API
  • Iconify

How to Use: Open https://wildfire-map-react.vercel.app and press "OK" for the pop up box. Then click on any red fire icon and a box with the information regarding that wildfire will be seen. Zoom in and Zoom out to see the map for the whole world.

About

A wildfire tracking webapp deployed on Vercel using React, JavaScript, HTML, CSS and using the Google Maps API for the map and NASA API for wildfire data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors