Parham-S/IHaveMadeFire

Wildfire Tracker

Real time global wildfire tracker built in React and Node.JS

Powered by Google Maps and NASA's open API. We've added some styling options provided by Google to our map, and synchronized our NASA API data with the corresponding lat/long data in order to accurately show the locations of wildfires. Lastly, we use icons provided by iconify to represent the locations of wildfires as reported by NASA's Terra EOSAM-1 Satellite 🛰

Live Demo

Tech Stack

Client: React, Nasa API, Google Maps API

Google Maps API

NASA Open API

Screenshots

Installation

clone the app and cd into project folder

  git clone https://github.com/Parham-S/IHaveMadeFire.git
 
  cd wildfire-tracker

install dependencies

 npm install

Now its time to get your developer key from Google to connect to their API. You can find more information in the Google Maps API docs. Be sure to store your key in an environment variable if you plan on publishing the code to GitHub

Navigate to the components folder and find Map.js

 cd wildfiretracker/src/components/

Replace process.env.REACT_APP_GOOGLE_API_KEY with your Google developer key.

⚠️ Be sure not to pass in your key as a string, otherwise React will improperly render an exposed key into the DOM without any errors or warnings ⚠️

🔗 Links