/green-path-ui

A user interface for green paths routing application (hope-green-path-server)

Primary LanguageTypeScriptMIT LicenseMIT

tests & deploy status

Green paths UI

A user interface for the Green Paths route planner being developed within UIA HOPE project – Healthy Outdoor Premises for Everyone. Its goal is to help people find routes of fresh air, less noise and more greenery for walking and cycling in the Helsinki capital region.

The route planner utilizes air quality index (AQI) data from the FMI-ENFUSER modeling system (by the Finnish Meteorological Institute) and modeled traffic noise data from the Helsinki capital region. AQI is based on real-time hourly data as a composite measure of NO2, PM2.5, PM10, SO2 and O3. Green view (i.e. greenery) data is derived from analyzing Google Street View images and openly available land cover data by HRI.

Currently implemented features include calculation of unpolluted, green and quiet paths for walking or cycling (separately) with respect to real-time air quality, street level green view index and typical (day-evening-night) noise levels from road and rail traffic. The exposure-based routing method (and application) is based on an MSc thesis.

Live demo: green-paths.web.app

Related projects

Materials

Built with

  • React, Redux & Thunk
  • TypeScript
  • Mapbox GL JS & Turf.js

Contributing

  • See also CONTRIBUTING.md
  • Please bear in mind that the current objective of the project is to develop a proof-of-concept of a green path route planner rather than a production ready service
  • You are most welcome to add feature requests or bug reports in the issue tracker
  • When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change (firstname.lastname@helsinki.fi)
  • Simple typo fixes etc. can be sent as PRs directly, but for features or more complex bug fixes please add a corresponding issue first for discussion

Installation

$ git clone git@github.com:DigitalGeographyLab/hope-green-path-ui.git
$ cd hope-green-path-ui
$ npm install
$ npm start

Create file .env and add your Mapbox access token to it as REACT_APP_MB_ACCESS=
Open browser to http://localhost:3000/

Integration tests

$ npm run cypress

Links

License

MIT