Gambit142/AirPollution-Report-Centre

This project is a mobile web application that displays air pollutant metrics (numeric values) in Africa. The data used for this project was obtained from openweathermap.org # Air Pollution Report Centre This project was bootstrapped with Create React App and Redux. > The Air Pollution Report Centre project is a web application that provides detailed metrices of several air pollutants in the atmosphere for a particular country in Africa. ## Screenshot > |Rocket Section|Missions Version| > |--------------|----------------| > | | |! ## Brief Demo > ## Video Presentation 🔗 Video Link This **Single Page App** was built with **React-Redux**. The main page `(Continent Page)` was built using data gotten from this Covid19 API. The main page renders the following details about African Countries and Islands in the `ReactDOM`: - Total Population of people in Africa - The current date - Each country's flag and - Each Country's Population Each country's card has links to its particular page that displays the country's air pollution data for emmisions of air pollutants into the atmosphere. The project uses _React's `useLocation()`_ to link to each country's page and modify the _`URL Path`_ for each country The `Country's Page` was built using data fetched from this Air Pollution API. The API takes the latitude and longitude of each country as a parameter in its URL Path before data from the API can be successfully fetched. The latitude and longitude for each country was passed from the React Router's Link using the state key in the uselocation() object. The country page displays the data about the emission of the following air pollutants into athmosphere for each country: - Carbon Monoxide (CO) - Nitrogen monoxide (NO) - Nitrogen dioxide (NO2) - Ozone (O3) - Sulphur dioxide (SO2) - Ammonia (NH3) - and particulates (PM2.5 and PM10). The following key can be used to understand the metrices displayed on each country's page: | Qualitative name | Index | Pollutant concentration in μg/m3 | |----------------|-----|-----------------------------| | | | NO2 PM10 O3 PM25 (optional) | | Good | 1 | 0-50 0-25 0-60 0-15 | …