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.
- 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.
- 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
![Screenshot 2024-02-12 at 7 48 50 AM](https://private-user-images.githubusercontent.com/81951239/304108433-9ac8f587-45a7-4d04-b93d-fd3de174e383.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4OTQ5MDAsIm5iZiI6MTczODg5NDYwMCwicGF0aCI6Ii84MTk1MTIzOS8zMDQxMDg0MzMtOWFjOGY1ODctNDVhNy00ZDA0LWI5M2QtZmQzZGUxNzRlMzgzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA3VDAyMTY0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRlNTM3N2ZkOWM0NzY1NDM0NjUxZjRhODAxZTllYWMzODRkZWM5NzI2NGM0MmFiYjlkNDg5NDkyN2VmOWI5MjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.El3KFGksC5eiIsV8WB8AJJ1wUj2V8eWNHA2hMIm8N1o)
We welcome contributions! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch for your feature (
git checkout -b feature/AmazingFeature
). - Commit your changes (
git commit -m 'Add some AmazingFeature'
). - Push to the branch (
git push origin feature/AmazingFeature
). - Open a pull request.
Distributed under the MIT License. See LICENSE for more information.
- 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.