Updated script.js, style.css, lang/translation.js, and index.html file.
Summary/Motivation:
At present, method involves utilizing an API to retrieve air quality index (AQI) data based on latitude and longitude coordinates. However, I have encountered discrepancies in location data when obtaining latitude and longitude information through the OpenWeather service, particularly for certain cities. This pull request addresses this issue by proposing a shift in our AQI API usage, switching to a search API and incorporating the city name as a keyword. Additionally, I have also introduced a new label, 'Not Available,' translated into multiple languages, to indicate instances where the Air Quality Index data is unavailable for numerous locations. I've also implemented a color-coding system for the air quality label to enhance user experience by enabling quick status recognition without the need to read text.
Documentation:
Testing Strategy:
[x] When location is searched which don't have AQI, it should show Not Available
[x] When location is searched and AQI is available it should show respective label with respective color.
Component Name:
Updated
script.js
,style.css
,lang/translation.js
, andindex.html
file.Summary/Motivation:
At present, method involves utilizing an API to retrieve air quality index (AQI) data based on latitude and longitude coordinates. However, I have encountered discrepancies in location data when obtaining latitude and longitude information through the OpenWeather service, particularly for certain cities. This pull request addresses this issue by proposing a shift in our AQI API usage, switching to a search API and incorporating the city name as a keyword. Additionally, I have also introduced a new label, 'Not Available,' translated into multiple languages, to indicate instances where the Air Quality Index data is unavailable for numerous locations. I've also implemented a color-coding system for the air quality label to enhance user experience by enabling quick status recognition without the need to read text.
Documentation:
Testing Strategy:
Not Available
Dependencies:
None
Screenshots and GIF: