Giter VIP home page Giter VIP logo

erfrischungskarte-frontend's Introduction

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:

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

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.

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 here

Deployment

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



Together with:

A project by:

Supported by:

erfrischungskarte-frontend's People

Contributors

dnsos avatar ester-t-s avatar ff6347 avatar hanshack avatar lisa-stubert avatar lucasoeth avatar renovate-bot avatar renovate[bot] avatar vogelino avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

dnsos

erfrischungskarte-frontend's Issues

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: Preset package is missing a renovate-config entry (@inpyjamas)

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Repository problems

These problems occurred while renovating this repository. View logs.

  • WARN: Using npm packages for Renovate presets is now deprecated. Please migrate to repository-based presets instead.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

Detected dependencies

github-actions
.github/workflows/build.yml
  • actions/checkout v3
  • actions/setup-node v3
npm
package.json
  • chrome-aws-lambda 10.1.0
  • classnames 2.3.1
  • react 17.0.2
  • react-dom 17.0.2
  • react-map-gl 6.1.19
  • swr 2.0.0
  • use-debounce 8.0.1
  • @storybook/addon-actions 6.5.10
  • @storybook/addon-essentials 6.5.10
  • @storybook/addon-links 6.5.10
  • @storybook/addon-postcss 2.0.0
  • @storybook/addon-storyshots 6.5.10
  • @storybook/react 6.5.10
  • @testing-library/jest-dom 5.16.5
  • @testing-library/react 12.1.5
  • @testing-library/user-event 14.4.3
  • @types/jest 27.5.2
  • @types/node 16.11.56
  • @types/puppeteer 5.4.6
  • @types/react 17.0.49
  • @types/react-dom 17.0.17
  • @types/react-map-gl 6.1.3
  • @typescript-eslint/eslint-plugin 4.33.0
  • @typescript-eslint/parser 4.33.0
  • autoprefixer 10.4.8
  • babel-jest 27.5.1
  • babel-loader 8.2.5
  • commitizen 4.2.5
  • eslint 7.32.0
  • eslint-config-next 12.2.5
  • eslint-config-prettier 8.5.0
  • eslint-import-resolver-typescript 2.7.1
  • eslint-plugin-import 2.26.0
  • eslint-plugin-jsx-a11y 6.6.1
  • eslint-plugin-prettier 4.2.1
  • eslint-plugin-react 7.31.1
  • eslint-plugin-react-hooks 4.6.0
  • husky 7.0.4
  • identity-obj-proxy 3.0.0
  • jest 27.5.1
  • jest-fetch-mock 3.0.3
  • jest-watch-typeahead 1.1.0
  • lint-staged 12.5.0
  • next 12.2.5
  • postcss 8.4.16
  • prettier 2.7.1
  • storybook-addon-next-router 3.1.1
  • storybook-css-modules-preset 1.1.1
  • tailwindcss 2.2.19
  • tsconfig-paths-webpack-plugin 3.5.2
  • typescript 4.8.2
nvm
.nvmrc
  • node 18.12.1

  • Check this box to trigger a request for Renovate to run again on this repository

Deprecated commands in actions set-output

The GitHub actions commands set-output and set-state will be deprecated see this blog post --> https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/

This repo is using the set-output

A fix for setting the node version could be the following action step:

jobs:
  build:
    runs-on: ubuntu-latest
    steps: 
      - name: Set nvmrc version as .env variable
        run: echo "NODE_VERSION=$(cat .nvmrc)" >> $GITHUB_ENV
            - name: Use Node.js (.nvmrc)
              uses: actions/setup-node@v3
              with:
                node-version: "${{ env.NODE_VERSION }}"

Use jsdoc comments

If you use jsdoc comments typescript will show them on hover. You also might be able to export docs later on from it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.