新冠肺炎感染即時資訊 (COVID-19 Realtime Information Platform)

Vue.js
CSS3
Webpack
PWA
D3.js
PHP
Saturday, 25 January 2020

Update on 2021-12-31:

When the initial version of the website was launched, it was primarily focused on the occurrence of a pneumonia outbreak in Wuhan. At that time, it was commonly referred to as "pneumonia". However, as the situation progressed and it was officially classified as the "COVID-19" pandemic, its impact became significant on a global scale, including Hong Kong. The original user interface of the website was not equipped to effectively present large amounts of data in a user-friendly manner. Despite this limitation, the web scraping mechanism implemented on the website has proven to be successful and requires minimal monitoring and maintenance efforts. The existing codebase and dashboard will continue to be available for reference.

This website provides useful information of 2019 Novel Coronavirus (COVID-19), which includes the following features / data:

  1. Realtime global statistics
  2. Epidemic map of China
  3. Hong Kong confirmed case and buildings which the confirmed case stayed
  4. List of pharmacy which involved in surgery mask speculation
  5. Estimated waiting time for Accident and Emergency (A&E) services in Hong Kong public hospital
  6. News related to 2019-nCoV

Unlike other 2019-nCoV information platforms or websites, which depends on manually maintaining data up-to-date, this website is designed to retrieve latest information via web scrapping. Several PHP scripts is written to retrieve useful information from various medium (see repository README.md for details). Time saved from updating data can then be spent on data visualization. For instance, the interactive epidemic map of China which is created by D3.js and China Geo JSON.

Note:
This project would be better if I can add an English version, however that would mean I will need to overcome the technical difficulties of translating scrapped contents. After trying with Google Translate API, I found it bad at translating addresses and Cantonese, so the feature implementation had been put on hold.

Screenshot of COVID-19 Realtime Information Platform