Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/stritti/covid-ampel-widget

🚦 Ampel Widget, um die aktuellen 🦠Corona-Zahlen (Inzidenz) des RKI für die Landkreise in 🇩🇪 Deutschland auf dem Smartphone anzuzeigen
https://github.com/stritti/covid-ampel-widget

covid-19 german-language germany rki widget

Last synced: about 1 month ago
JSON representation

🚦 Ampel Widget, um die aktuellen 🦠Corona-Zahlen (Inzidenz) des RKI für die Landkreise in 🇩🇪 Deutschland auf dem Smartphone anzuzeigen

Awesome Lists containing this project

README

        

# Covid-19 Ampel

[![github pages deploy](https://github.com/stritti/covid-ampel-widget/workflows/Github%20Pages%20Deploy/badge.svg)](https://github.com/stritti/covid-ampel-widget/actions?query=workflow%3A%22Github+Pages+Deploy%22)
[![CodeQL](https://github.com/stritti/covid-ampel-widget/workflows/CodeQL/badge.svg)](https://github.com/stritti/covid-ampel-widget/actions?query=workflow%3ACodeQL)
[![vue3](https://img.shields.io/badge/vue-3.x-brightgreen.svg)](https://v3.vuejs.org/)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/J3J33A8DT)

This is HTML based widget to show the incidences of German Landkreise for SARS-CoV-2 (COVID-19) infections.
Cases of the last 7 days per 100,000 inhabitants are shown. These is used in Germany to
define levels for secure each other.

## Live App

â–¶ [https://covid-ampel.vercel.app/](https://covid-ampel.vercel.app/)

Use "Add to Homescreen" to add the app to the homescreen of your smartphone.

Using additional Apps the Covid-19 Ampel could also be integrated as widget into

* [iOS](https://github.com/stritti/covid-ampel-widget/wiki/Anleitung-iOS) and
* [Android](https://github.com/stritti/covid-ampel-widget/wiki/Anleitung-Android):

Covid-19 Ampel-Widget

---

## Development

### Project setup

For development you have to install node.js initially.

This project is based on vue.js V3.

Install initially all dependencies:

``` sh
npm install
```

### Start development server with hot code replacement

``` sh
npm run serve
```

### Compiles and minifies for production

``` sh
npm run build
```

### Lints and fixes files

``` sh
npm run lint
```

## Development Requirements

* node.js

## Used Libraries and Tools

* vue.js 3:
* Vant - Mobile UI Components built on Vue:
* ArcGis REST-Service of RKI data:
* striped css background:
* danaymic font size on iOS respecting system settings:
* some SVG icons of
* vue-crono:
* purgeCSS:
* vue-pwa-asset-generator:

## Author

Stephan Strittmatter

[![stritti's Github Stats](https://github-readme-stats.vercel.app/api?username=stritti)](https://github.com/anuraghazra/github-readme-stats)