🌲South Carolina Wildfire Dashboard🔥

Overview

The South Carolina Wildfire Dashboard is a real-time web application that monitors wildfire activity across South Carolina. It fetches and displays fire data using NASA FIRMS (Fire Information for Resource Management System), allowing users to visualize fire locations, intensity, and other key details on an interactive map.

🚀 Live Demo: South Carolina Wildfire Dashboard

---

🔧 Technologies Used

Frontend:

• React.js – For building the interactive UI.
• Leaflet.js – For rendering fire markers on the map.
• Axios – For making API requests.

Backend:

• Node.js & Express.js – For handling API requests.
• NASA FIRMS (Fire Information for Resource Management System) provides satellite-based fire detection data from multiple Earth-observing satellites.
  • Uses VIIRS (Visible Infrared Imaging Radiometer Suite) on Suomi NPP (N) and NOAA-20 (J) satellites, and MODIS (Moderate Resolution Imaging Spectroradiometer) on Terra (T) and Aqua(A) satellites.
  • The data includes fire coordinates, brightness temperature, confidence levels, and Fire Radiative Power (FRP), which measures the intensity of detected fires.

Database & Hosting:

• Supabase (PostgreSQL) – Stores fire data and serves it via an API.
• Vercel – Hosts both the backend (API) and frontend.
• UptimeRobot – Ensures the backend fetches fresh fire data every 24 hours.

---

🌟 Features

🔥 Live wildfire monitoring – Displays active fires in South Carolina.
🛰️ NASA FIRMS integration – Fetches satellite-detected fire data.
🗺️ Interactive Map – Shows fire locations, intensity, and details.
🔄 Automated Backend Updates – Fetches new data daily and updates Supabase.
⚡ Deployed on Vercel – Ensures fast loading times and seamless updates.

---

🛠️ Getting Started

1️⃣ Clone the Repository

git clone https://github.com/jillmpla/south_carolina_fires.git
cd south_carolina_fires

2️⃣ Install Dependencies

For the backend:

cd backend
npm install

For the frontend:

cd frontend
npm install

3️⃣ Set Up Environment Variables

Create a .env file inside the backend directory and add:

NASA_API_KEY=your_nasa_firms_api_key
DATABASE_URL=your_supabase_postgres_url

Create a .env file inside the frontend directory and add:

REACT_APP_API_URL=your_backend_deployment_url

4️⃣ Run Locally

Start the backend:

cd backend
node api/fires.js

Start the frontend:

cd frontend
npm start

📡 API Usage

The backend API serves fire data at:

GET /api/fires

Example response:

{
  "fires": [
    {
      "id": 2718,
      "latitude": 34.7839,
      "longitude": -83.1262,
      "brightness": 307.43,
      "confidence": "n",
      "acq_date": "2025-03-04",
      "acq_time": "711",
      "satellite": "N",
      "frp": 1.41,
      "daynight": "Nighttime"
    }
  ]
}

To manually fetch and update fire data, visit:

GET /api/update-fires

📜 License

This project is licensed under the MIT License. See the License file for details.

If you find this project useful, consider giving it a star! ⭐