covid19_dashboard

Dasbor lintas platform (Android, iOS, Web) untuk mewakili tren pandemi Covid-19 di Italia.

URL PWA

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

Tangkapan layar

Video (PWA di iPad 2019, Safari, iOS 14 dan Dark Mode)

https://youtu.be/71gjnxslzbk

Fitur

• Tampilkan tren (dengan interval yang berbeda)
• Representasi data lengkap untuk setiap wilayah
• Tampilkan catatan 24 jam terakhir
• Mode gelap berdasarkan tema sistem
• Webapp responsif penuh
• aplikasi iOS dan android yang diberikan dengan optimasi asli

Masalah

• Teks transparan di pemetik wilayah tertentu ketika dijalankan di web dari iOS - itu tergantung dari perpustakaan, kami telah menemukan solusi tetapi perlu mengedit kode perpustakaan setelah "instal NPM";
• Terkadang latar belakang bagan garis berwarna hitam di safari atau tidak ada bayangan garis di firefox

Instruksi

1. Instal Expo secara global

npm install -g expo-cli

Jika perintah di atas menghasilkan kesalahan, coba dengan sudo.

Setelah menginstal itu umum untuk melihat:

zsh: command not found: expo

Saat Anda mencoba menjalankan Expo-Cli.

Untuk menghindari masalah ini, cukup luncurkan perintah ini:

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

2. Peluncuran Expo-Cli

Cukup buka jalur proyek dan tulis:

npm install

dan sesudahnya

expo start

Halaman web Metro Bundler akan muncul dalam hitungan detik.

3. Luncurkan Aplikasi Web

Cukup klik 'Jalankan di Browser Web' dari halaman web Metro Boundler.

3. Coba aplikasi seluler (tanpa membangun mandiri)

Jika Anda menginstal simulator iOS, cukup klik 'Jalankan di iOS Simulator' , jika tidak:

1. Unduh Expo di ponsel Anda (dari App Store atau Play Store);

2. Hubungkan telepon ke jaringan komputer yang sama tempat Anda meluncurkan Expo;

3. Pindai kode QR (menggunakan pemindai terintegrasi aplikasi Expo di Android; untuk iOS menggunakan pemindai sistem terintegrasi).

Teknologi

• Reaksi-asli
• D3.js
• Expo

Data

Sumber:

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

Realtime Diperbarui.

Penulis

• Mauro Marini