covid19_dashboard

イタリアのCovid-19パンデミックの傾向を表すためのクロスプラットフォーム（Android、iOS、Web）ダッシュボード。

PWA URL

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

スクリーンショット

ビデオ（iPad 2019のPWA、Safari、iOS 14およびDark Mode）

https://youtu.be/71gjnxslzbk

特徴

• トレンドを表示（間隔が異なる）
• 各地域の完全なデータ表現
• 最後の24時間のメモを表示します
• システムテーマに基づくダークモード
• 完全なレスポンシブWebApp
• ネイティブの最適化でレンダリングされたiOSおよびAndroidアプリ

問題

• iOSからWebで実行された場合、Select Regionピッカーの透明なテキスト - ライブラリから依存します。ソリューションは見つかりましたが、「NPMインストール」後にライブラリコードを編集する必要があります。
• ラインチャートの背景がサファリに黒い場合もあれば、Firefoxにラインシャドウがない場合があります

説明書

1.エキスポをグローバルにインストールします

npm install -g expo-cli

上記のコマンドがエラーを生成した場合、sudoで試してください。

インストールした後、見ることが一般的です：

zsh: command not found: expo

Expo-Cliを実行しようとするとき。

この問題を回避するには、このコマンドを起動するだけです。

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

2。Expo-Cliを起動します

プロジェクトパスに移動して書き込みます。

npm install

そしてその後

expo start

Metro Bundler Webページは数秒で表示されます。

3. Webアプリを起動します

Metro Boundler Webページから「Webブラウザで実行」をクリックするだけです。

3.モバイルアプリを試してみてください（スタンドアロンを構築せずに）

iOSシミュレーターがインストールされている場合は、 「iOSシミュレータで実行」をクリックするだけです。

1. 携帯電話（App StoreまたはPlay Storeから）でExpoをダウンロードします。

2. 携帯電話をコンピューターの同じネットワークに接続し、そこでエキスポを起動しました。

3. QRコードをスキャンします（AndroidのExpo App Integrated Scannerを使用します。iOSの場合、システム統合スキャナーを使用します）。

テクノロジー

• React-Native
• d3.js
• エキスポ

データ

ソース：

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

リアルタイム更新。

著者

• マウロ・マリーニ