A cross-platform dashboard to represent the trend of the Covid-19 pandemic in 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/
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
- 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 launch these two commands:
export PATH=$PATH:~/.npm-global/bin
and then:
source ~/.bash_profile
2. Launch expo-cli
Simply go to the project path and write:
npm install
and after
npm 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:
-
download Expo on your mobile phone (from App Store or Play Store);
-
connect the phone to the same network of the computer where you launched the Expo;
-
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
Download Details:
Author: marinimau
Source Code: https://github.com/marinimau/covid19_dashboard
#react #reactjs #covid #javascript
