HTML5, CSS3, and jQuery

What is CityAir?

Air pollution is invisible but it affects people’s health. 

With the CityAir app you can help to colour the air pollution by rating the air quality where you are: GREEN if air quality is very good, YELLOW if air quality is good, ORANGE is air quality is poor and RED if air quality is very poor. You can also indicate the source of the pollution (i.e. traffic, wood burning, industry, etc.) and write a comment.

Your contributions will help to create a citizens air quality map. Other users will be able to see your air quality rates and comments in real-time. Some people are very sensitive to air pollution and your information can help them to avoid polluted areas.

The easiest way to install the CityAir app is through the Google Play store or the Apple store (use the link below or search for CityAir in your app store).

After using the CityAir app, please tell us your opinion here  

Get it on Google Play      


How to use the app

Below we give a short walkthrough of the various screens and functionality in the CityAir app. 

The Pulpit Rock

Screen 1: The first time you open the app you will see a popup screen with input fields for the user. By checking the "Hide start popup" box and then save the popup will not show up again. If you do not want to input your data just check “Hide start popup” and then “Save”.


The Pulpit Rock

Screen 2: The home screen contains all perceptions and comments you have reported. You can go anytime to this screen by clicking the home button. 


The Pulpit Rock

Screen 3: When clicking on the man button you can choose between adding a coloured marked man according to your opinion on the air quality or leave a comment. In the option “about markers” you can read the meaning of each colour. You can add a marker or leave a comment as many times as you want to. 

The Pulpit Rock

Screen 4: If you choose the YELLOW, ORANGE or RED man, you will be given a list of pollution sources. Check the ones you think is causing bad air and click save.


The Pulpit Rock

Screen 5: After clicking on the GREEN, YELLOW, ORANGE or RED marker you will see your perception in the screen. If you want to, you can share it on your Facebook account.



The Pulpit Rock

Screen 6: If you click on the button with several people you can see what other users have reported today, last week or last month.


The Pulpit Rock

Screen 7: Example of a view with the reports of other users. The markers are clickable and will display the date and time the measurement was done and the pollution source or the comment made.

The Pulpit Rock

Screen 8: Under the gear button the user can choose to change language, edit the user information or choose to only share data when on WiFi under the data sharing services.


The Pulpit Rock

Screen 9: Select your preferred language and click on the Save button.

The Pulpit Rock

Screen 10: Edit user information such as gender, when you were born, and whether or not to hide the popup. 

The Pulpit Rock

Screen 11: Data sharing services: If you want to share your information and upload it to the server only when you are using WiFi, drag the button to "ON".

Copyright 2019 by DotNetNuke Corporation