This ReactJS application provides various visualizations of airquality related measurement data. The charts used for visualizations are based on the library Recharts.

Apollo Client connects to the GraphQL API and fetches the air quality measurement data from there (an array of measurement objects with a timestamp string as well as temperature and humidity as float values).

The app uses Material UI for the basic UI and the simple navigation has been implemented with the BottomNavigation component.

• System requirements: nodejs v.10, e.g. v10.19.0, npm or yarn installed
• Backend running on GraphQL and providing the API, e.g. https://github.com/minzen/airquality-storing
• Configure the environment variable REACT_APP_APOLLO_SERVER_URI (see .env.example)
• Checkout the code and execute the command yarn install in the checked out project directory to install required dependencies.
• Run the development version by executing yarn start
• For the production mode, execute the command yarn build und run the built app e.g. by using the command serve -s build

• Add support for more indicators and use further visualizations.
• Typescript improvements