Skip to content

A cross-platform (Android, iOS, Web) dashboard to represent the trend of the Covid-19 pandemic in Italy.

License

Notifications You must be signed in to change notification settings

marinimau/covid19_dashboard

Repository files navigation

Covid19 Italy

A cross-platform (Android, iOS, Web) dashboard to represent the trend of the Covid-19 pandemic in Italy.

PWA url

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

Screenshot

light/dark swap screen

Video (PWA on iPad 2019, Safari, iOS 14 and dark mode)

https://youtu.be/71gJnXslZbk

Features

  • Show trend (with different intervals)
  • Full data representation for each region
  • Show notes of the last 24h
  • Dark-mode based on system theme
  • Full responsive webapp
  • iOS and Android apps rendered with native optimizations

Issues

  • Transparent text in select region picker when runned on web from iOS - it depends from library, we have found the solution but it requires to edit the library code after "npm install";
  • Sometimes the line chart background is black on Safari or there isn't line shadow on Firefox

Instructions

1. Install Expo globally

npm install -g expo-cli

if the command above generates errors try with sudo.

After installing it's common to see:

zsh: command not found: expo

when you try to run expo-cli.

To avoid this problem just launch this command:

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

2. Launch expo-cli

Simply go to the project path and write:

npm install

and after

expo start

The Metro Bundler web page should appear in seconds.

3. Launch the web app

Simply click on 'run in web browser' from the Metro Boundler web page.

3. Try the mobile app (without building the standalone)

If you have the iOS simulator installed, just click on 'run on iOS simulator', otherwise:

  1. download Expo on your mobile phone (from App Store or Play Store);

  2. connect the phone to the same network of the computer where you launched the Expo;

  3. Scan the QR code (using the Expo app integrated scanner on Android; for iOS use the system integrated scanner).

Technologies

Data

Source:

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

realtime updated.

Authors