polttoaine-saa-frontend

This is the frontend for fuel price weather map service: https://marcholio.github.io/polttoaine-saa-frontend. It shows fuel prices in Espoo as a heatmap, indicating where the highest prices are. Check this repository for the backend project.

Overall design

The service is based on Open Layers with OpenStreetMap as a base map. The fuel price data is fetched from custom API.

Setting up development environment

Prerequisites

• Yarn
• API deployed in AWS

Installation

Install dependencies:

yarn

Create .envfile. See template .env.template folder. Add your API url and API key to file. Ensure that you have localhost allowed in cors-origin on the backend side.

Start local environment:

yarn start

The script opens browser to "http://localhost:3000/polttoaine-saa-frontend" and you can start the development.

Deployment

The frontend is hosted on GitHub pages.

You can deploy the service by running yarn deploy, which will build the project and deploy build folder to gh-pages branch.

License

Licensed under MIT license. See LICENSE for further information.

Known limitations

• Heatmap is not an ideal visualisation for preferring lower prices.