https://github.com/shuddha2021/realtime-air-quality-tracker
Global Air Quality at Your Fingertips: Real-Time Pollution Monitoring
https://github.com/shuddha2021/realtime-air-quality-tracker
airqualitymonitoringsystem api aqi axios environmental-monitoring open-source reactjs realtime-database responsive-design
Last synced: 3 months ago
JSON representation
Global Air Quality at Your Fingertips: Real-Time Pollution Monitoring
- Host: GitHub
- URL: https://github.com/shuddha2021/realtime-air-quality-tracker
- Owner: shuddha2021
- Created: 2024-02-12T13:34:36.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-12T13:49:30.000Z (almost 2 years ago)
- Last Synced: 2025-08-17T18:45:48.600Z (3 months ago)
- Topics: airqualitymonitoringsystem, api, aqi, axios, environmental-monitoring, open-source, reactjs, realtime-database, responsive-design
- Language: JavaScript
- Homepage: https://react-air-pollution-tracker.vercel.app
- Size: 183 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pollution Tracker
Pollution Tracker is a React-based web application designed to visually display air quality information across 20 randomly selected cities worldwide. Utilizing the AQICN air quality API, the app provides real-time data on air pollution levels, offering users a quick glance at the environmental quality in various global locales. With a focus on simplicity and user experience, the app features a unique visual indicator system to represent the air quality index (AQI) levels, making it accessible and informative.
## Features
- **Real-time AQI Data:** Fetches and displays up-to-date air quality information from the AQICN API.
- **Visual AQI Indicators:** Utilizes a color-coded speedometer-like display for easy interpretation of AQI levels.
- **Dynamic City Selection:** Randomly selects 20 cities across the globe at every app load for diverse environmental insights.
- **Responsive Design:** Ensures a seamless user experience across various devices and screen sizes.
## Technology Stack
- React.js: A JavaScript library for building user interfaces
- Axios: Promise based HTTP client for the browser and node.js
- AQICN API: Provides air quality data from various locations around the world
## Contributing
We welcome contributions! Please follow these steps to contribute:
1. Fork the repository.
2. Create a new branch for your feature (`git checkout -b feature/AmazingFeature`).
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`).
4. Push to the branch (`git push origin feature/AmazingFeature`).
5. Open a pull request.
## License
Distributed under the MIT License. See [LICENSE](https://github.com/yourusername/pollution-tracker/blob/main/LICENSE) for more information.
## Acknowledgments
- AQICN for providing the air quality data API.
- Create React App for the React setup and configuration.
Thank you for exploring Pollution Tracker. We hope this tool serves as a valuable resource for monitoring and understanding air quality around the globe.