Skip to content

Air quality and wildfire monitoring dashboard using OpenAQ, Open Meteo APIs and mock fire data. Built with React and Tailwind for real time environmental tracking.

License

Notifications You must be signed in to change notification settings

yusraSyed05/Air-Fire-Monitor

Repository files navigation

🛰️ Air-Fire Monitor

React Tailwind CSS Vite Lucide React License: MIT

A modern real time environmental monitoring dashboard that provides air quality data and simulated fire hotspots using global sensor networks.

🧡 Features

  • Global City Search - Search and monitor air quality for any city worldwide
  • Real-Time Air Quality - Live PM2.5, PM10, and O3 measurements from OpenAQ
  • Fire Hotspot Detection - View simulated fire hotspots generated for demonstration
  • Health Recommendations - Get personalized advice based on current air quality
  • Fully Responsive - Optimized for desktop, tablet, and mobile devices

🌐 Demo

Visit the live demo

🖼️ Screenshots

City Search Air Quality Dashboard Fire Hotspot Dashboard

👩‍💻 Technologies Used

  • React - Frontend framework
  • Lucide React - Beautiful icon library
  • Tailwind CSS - Utility-first CSS framework
  • Open-Meteo API - City geocoding and search
  • OpenAQ API - Real-time air quality data
  • Mock Fire Data - Simulated fire data

🔗 API Endpoints

The app uses the following public APIs:

  • Open-Meteo Geocoding: https://geocoding-api.open-meteo.com/v1/search
  • OpenAQ: https://api.openaq.org/v2/latest

📦 Installation

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js
  • npm

Steps

  1. Clone the repository
git clone https://github.com/yourusername/satellite-carbon-tracker.git
  1. Navigate to the project directory
cd AirFireMonitor
  1. Install dependencies
npm install
  1. Start the development server
npm run dev

📁 Project Structure

satellite-carbon-tracker/
├── public/
├── src/
│   ├── AirFireMonitor.jsx   
│   ├── App.jsx                       
│   ├── index.css
|   ├── App.css                      
│   └── main.jsx                       
├── .gitignore
├── estlint.config.js
├── LICENSE
├── README.md
├── index.html
├── package.json
├── package-lock.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
└── vite.config.js

🤝 Contributing

Contributions are welcome!

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Push to the branch
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Air quality and wildfire monitoring dashboard using OpenAQ, Open Meteo APIs and mock fire data. Built with React and Tailwind for real time environmental tracking.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published