covid19_dashboard

Кроссплатформенная (Android, iOS, веб-) панель для представления тенденции пандемии Covid-19 в Италии.

PWA URL

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

Скриншот

Видео (PWA на iPad 2019, Safari, iOS 14 и Dark Mode)

https://youtu.be/71gjnxslzbk

Функции

• Показать тенденцию (с разными интервалами)
• Полное представление данных для каждого региона
• Показать заметки о последних 24 часах
• Темный режим на основе темы системы
• Полный отзывчивый веб -приложение
• Приложения для iOS и Android отображаются с нативными оптимизациями

Проблемы

• Прозрачный текст В Select Region Sicker При забеге в Интернете из iOS - это зависит от библиотеки, мы нашли решение, но необходимо для редактирования кода библиотеки после «NPM Install»;
• Иногда фон графика линии черный на сафари или на 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 должна появиться в секундах.

3. Запустите веб -приложение

Просто нажмите «Запустить в веб -браузере» на веб -странице Metro Boundler.

3. Попробуйте мобильное приложение (без создания автономного)

Если у вас установлен симулятор iOS, просто нажмите «Запуск на iOS -симуляторе» , в противном случае:

1. Скачать Expo на свой мобильный телефон (из App Store или Play Store);

2. Подключите телефон к той же сети компьютера, где вы запустили выставку;

3. Сканируйте QR -код (с помощью интегрированного сканера Expo App на Android; для iOS используйте системный интегрированный сканер).

Технологии

• Реагируемый
• D3.JS
• Экспо

Данные

Источник:

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

Реальное время обновляется.

Авторы

• Мауро Марини