Berliner Erfrischungskarte
The Berliner Erfrischungskarte (Berlin refreshment map) is an interactive map of Berlin that shows shadows, cold wind areas and temperature intensities across a typical summer day.
Context
Climate change is causing increasingly hot, dry weather in many places. In recent years, Berlin has also experienced more hot days than ever before. This map shows you where, when and how you can find refreshment on such days, because due to the differentiated topography there can be considerable differences within the city. For each hour from 10 a.m. to 9 p.m., it shows you where it tends to be cool, where a fresh breeze usually blows and where there is shade. Also discover refreshing places like swimming spots, drinking fountains and parks. With one click via the share function, you can share your new favorite place with others.
This application is completely based on open data, much of which is administrative data. Open data is now an important part of Berlin's administrative activities and not only creates transparency and openness, but also enables analysis and applications like this to make everyday life a little bit more pleasant. You can find more open data at the Berlin Open Data Portal.
Tech stack
This website is a NextJS app configured with:
- Typescript
- Linting with ESLint
- Formatting with Prettier
- Linting, typechecking and formatting on by default using
huskyfor commit hooks - Testing with Jest and
react-testing-library
Data
This repository contains the frontend code of the Berliner Erfrischungskarte app. The data and the data processing scripts are contained in another repository: erfrischungskarte-daten. There you can also find further information about the original data sources.
Install and contribute
Requirements
Mapbox
You will need a Mapbox account to render the map locally. You will need to put your Mapbox access token into the NEXT_PUBLIC_MAPBOX_ACCESS_TOKEN environment variable. Make also sure to add whatever URL the app is run on to the list of allowed URLs in your Mapbox configuration.
Matomo
We use the Google Analytics alternative Matomo, which is more respectful of the users' privacy, in order to track the page-visits on the page.
You will need a Matomo account if you wish to use page analytics as well and configure the environment variables NEXT_PUBLIC_MATOMO_URL and NEXT_PUBLIC_MATOMO_SITE_ID for this purpose.
Installation
# Clone the repo
git clone [email protected]:technologiestiftung/erfrischungskarte-frontend.git
# Move into the repo
cd erfrischungskarte-frontend
# Install the npm dependencies
npm install
# Create your own .env file
cp .env.example .env
# Edit the .env file with your own values
vim .env # Use your favourite editor hereDeployment
Berliner Erfrischungskarte is deployed to the cloud with Vercel (Documentation).
Contributors
Thanks goes to these wonderful people (emoji key):
 Dennis Ostendorf |
 Lisa-Stubert |
 Lucas Vogel |
 lucasoeth |
This project follows the all-contributors specification. Contributions of any kind welcome!
Content Licencing
Texts and content available as CC BY.
Credits
Made by
|
Toghether with
|
A project by
|
Supported by
|