covid19_dashboard

Ein plattformübergreifendes (Android, iOS, Web) Dashboard, das den Trend der Covid-19-Pandemie in Italien darstellt.

PWA -URL

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

Screenshot

Video (PWA auf iPad 2019, Safari, iOS 14 und Dark -Modus)

https://youtu.be/71gjnxslzbk

Merkmale

• Trend zeigen (mit unterschiedlichen Intervallen)
• Vollständige Datendarstellung für jede Region
• Zeigen Notizen der letzten 24h
• Dark-Mode basierend auf dem Systemthema
• Vollständige reaktionsschnelle WebApp
• iOS- und Android -Apps mit nativen Optimierungen

Probleme

• Transparenter Text im ausgewählten Regionspicker, wenn im Web von iOS abgerufen wird - es hängt von der Bibliothek ab. Wir haben die Lösung gefunden, aber es müssen den Bibliothekscode nach "NPM -Installation" bearbeitet werden.
• Manchmal ist der Hintergrund für Liniendiagramme auf Safari schwarz oder es gibt keinen Linienschatten auf Firefox

Anweisungen

1. Installieren Sie die Expo weltweit

npm install -g expo-cli

Wenn der obige Befehl Fehler erzeugt, versuchen Sie es mit sudo.

Nach der Installation ist häufig zu sehen:

zsh: command not found: expo

Wenn Sie versuchen, Expo-Cli auszuführen.

Um dieses Problem zu vermeiden, starten Sie einfach diesen Befehl:

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

2. Launch Expo-Cli

Gehen Sie einfach zum Projektpfad und schreiben Sie:

npm install

und nach

expo start

Die Metro -Bundler -Webseite sollte in Sekunden angezeigt werden.

3. Starten Sie die Web -App

Klicken Sie einfach auf "Im Webbrowser ausführen" von der Metro Boundler -Webseite.

3. Versuchen Sie die mobile App (ohne den Standalone zu erstellen)

Wenn Sie den iOS -Simulator installiert haben, klicken Sie einfach auf "Ausführen auf iOS Simulator" , sonst:

1. Laden Sie die Expo auf Ihrem Handy herunter (aus App Store oder Play Store).

2. Schließen Sie das Telefon an das gleiche Netzwerk des Computers an, auf dem Sie die Expo gestartet haben.

3. Scannen Sie den QR -Code (Verwenden des expo -App -Integrierten Scanners auf Android; Verwenden Sie für iOS den integrierten System integriert).

Technologien

• Reagieren nativ
• D3.js
• Expo

Daten

Quelle:

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

Echtzeit aktualisiert.

Autoren

• Mauro Marini