covid19_dashboard

Un tableau de bord multiplateforme (Android, iOS, Web) pour représenter la tendance de la pandémie Covid-19 en Italie.

URL PWA

https://marinimau.github.io/covid19_dashboard/

Capture d'écran

Vidéo (PWA sur iPad 2019, Safari, iOS 14 et Mode Dark)

https://youtu.be/71gjnxslzbk

Caractéristiques

• Montrer la tendance (avec des intervalles différents)
• Représentation complète des données pour chaque région
• Montrer des notes du dernier 24h
• Mode noir basé sur le thème du système
• WebApp complet
• Applications iOS et Android rendues avec des optimisations natives

Problèmes

• Texte transparent dans SELECT REGIER PICKER Lorsqu'il est exécuté sur le Web à partir d'iOS - il dépend de la bibliothèque, nous avons trouvé la solution mais elle nécessite de modifier le code de la bibliothèque après "NPM Install";
• Parfois, le fond du graphique de ligne est noir sur safari ou il n'y a pas d'ombre de ligne sur Firefox

Instructions

1. Installez l'expo à l'échelle mondiale

npm install -g expo-cli

Si la commande ci-dessus génère des erreurs, essayez avec sudo.

Après l'installation, il est courant de voir:

zsh: command not found: expo

Lorsque vous essayez d'exécuter Expo-Cli.

Pour éviter ce problème, lancez simplement cette commande:

export PATH=$PATH:~/.npm-global/bin

2. Lancez Expo-CLI

Allez simplement sur le chemin du projet et écrivez:

npm install

et après

expo start

La page Web Metro Bundler devrait apparaître en quelques secondes.

3. Lancez l'application Web

Cliquez simplement sur «Exécuter dans le navigateur Web» à partir de la page Web Metro Boundler.

3. Essayez l'application mobile (sans construire la autonome)

Si vous avez installé le simulateur iOS, cliquez simplement sur «Exécuter sur le simulateur iOS» , sinon:

1. Téléchargez l'expo sur votre téléphone mobile (depuis App Store ou Play Store);

2. Connectez le téléphone au même réseau de l'ordinateur où vous avez lancé l'Expo;

3. Scannez le code QR (en utilisant le scanner intégré de l'application Expo sur Android; pour iOS, utilisez le scanner intégré système).

Technologies

• Réactif natif
• D3.js
• Expo

Données

Source:

https://github.com/pcm-dpc/COVID-19

Mise à jour en temps réel.

Auteurs

• Mauro Marini