covid19_dashboard

Un tablero de plataforma cruzada (Android, iOS, Web) para representar la tendencia de la pandemia Covid-19 en Italia.

URL PWA

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

Captura de pantalla

Video (PWA en iPad 2019, Safari, iOS 14 y Modo Oscuro)

https://youtu.be/71gjnxslzbk

Características

• Mostrar tendencia (con diferentes intervalos)
• Representación de datos completos para cada región
• Mostrar notas de las últimas 24h
• Modo oscuro basado en el tema del sistema
• Tapatada web completa receptiva
• Aplicaciones de iOS y Android renderizadas con optimizaciones nativas

Asuntos

• Texto transparente en el selecto seleccionado El selecto de la región cuando se ejecuta en Web desde iOS: depende de la biblioteca, hemos encontrado la solución, pero requiere editar el código de la biblioteca después de "instalación npm";
• A veces, el fondo del gráfico de línea es negro en Safari o no hay sombra de línea en Firefox

Instrucciones

1. Instale la exposición a nivel mundial

npm install -g expo-cli

Si el comando anterior genera errores, intente con sudo.

Después de instalar, es común ver:

zsh: command not found: expo

Cuando intentas ejecutar Expo-Cli.

Para evitar este problema, solo inicie este comando:

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

2. Iniciar cli Expo

Simplemente vaya a la ruta del proyecto y escriba:

npm install

y después

expo start

La página web de Metro Bundler debería aparecer en segundos.

3. Inicie la aplicación web

Simplemente haga clic en 'Ejecutar en el navegador web' desde la página web de Metro Boundler.

3. Pruebe la aplicación móvil (sin construir el independiente)

Si tiene instalado el simulador iOS, simplemente haga clic en 'Ejecutar en iOS simulador' , de lo contrario:

1. Descargue Expo en su teléfono móvil (desde App Store o Play Store);

2. Conecte el teléfono a la misma red de la computadora donde inició la Expo;

3. Escanee el código QR (utilizando el escáner integrado de la aplicación Expo en Android; para iOS use el escáner integrado del sistema).

Tecnologías

• React-nativo
• D3.js
• Exposición

Datos

Fuente:

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

Tiempo real actualizado.

Autores

• Mauro Marini