🔥 Wildfire Tracker

Real-time global wildfire tracking powered by the NASA EONET API. No API key required.

---

Features

• Live NASA data — pulls from EONET v3 wildfire category, up to 500 events
• Interactive map — dark-themed CartoDB map with heatmap (circle) or pin marker modes
• Filters — by time period (7 days → 1 year), status (active / resolved), and name search
• Event list — scrollable list with coordinates, dates, and source attribution
• Click to fly — click any event row or map marker to fly to that fire's location
• Stats bar — live counts of total, active, resolved events
• Zero cost — NASA EONET is completely free and open, no key needed

---

Getting Started

Prerequisites

• Node.js 16+ and npm

Install & Run

git clone https://github.com/idklevi/wildfire-tracker.git
cd wildfire-tracker
npm install
npm start

App runs at http://localhost:3000.

---

Deployment

Vercel (recommended — zero config)

npm i -g vercel
vercel

Netlify

npm run build
# Drag the build/ folder to https://app.netlify.com/drop

Or connect your GitHub repo in the Netlify dashboard — it auto-detects Create React App.

GitHub Pages

1. Add to package.json:

   "homepage": "https://YOUR_USERNAME.github.io/wildfire-tracker"

2. Add deploy scripts to package.json:

   "scripts": {
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build"
   }

3. Install and deploy:

   npm install --save-dev gh-pages
   npm run deploy

---

Project Structure

wildfire-tracker/
├── public/
│   └── index.html
├── src/
│   ├── api/
│   │   └── eonet.js          # NASA EONET fetch helpers
│   ├── components/
│   │   ├── Header.jsx/.css
│   │   ├── StatsBar.jsx/.css
│   │   ├── Controls.jsx/.css
│   │   ├── FireMap.jsx/.css   # Leaflet map
│   │   ├── StatusBar.jsx/.css
│   │   └── EventList.jsx/.css
│   ├── App.jsx
│   ├── App.css
│   ├── index.js
│   └── index.css
└── package.json

---

Data Source

All wildfire data comes from NASA EONET (Earth Observatory Natural Event Tracker).

• API endpoint: https://eonet.gsfc.nasa.gov/api/v3/events
• Category: wildfires
• No authentication required
• Rate limit: generous, suitable for personal/hobby use

---

Optional: Adding Google Maps

To swap Leaflet for Google Maps:

1. Get a Google Maps JavaScript API key from Google Cloud Console
2. Install: npm install @react-google-maps/api
3. Replace FireMap.jsx with a @react-google-maps/api GoogleMap component
4. Add your key to a .env file:

   REACT_APP_GOOGLE_MAPS_KEY=your_key_here
   

---

License

MIT