Una aplicación web React.js + Flask/MongoDB que detalla información sobre el coronavirus, incluidos los conjuntos de datos, noticias, un análisis de series de tiempo e información de distribución de vacunas. Utiliza 6 API para obtener y presentar datos a través de una interfaz fácil de usar. Utiliza Chart.js & D3.js para visualizaciones dinámicas.
Aquí hay una demostración de video de la aplicación web en acción.
La aplicación web tiene 4 divisiones; Uno para conjuntos de datos, uno para noticias específicas, uno para un análisis de series de tiempo y otra para estadísticas de distribución de vacunas. Cada una de estas pestañas utiliza su propia API REST única que se obtiene del backend del frasco. La API REST obtiene de su distinta API proporcionada por una organización de buena reputación (como Data.gov, CDC.gov, covidtracking.com o newsapi.org).
Esta aplicación web consta de dos procesos principales: el backend de Python y React front -end. Primero, el backend de Python comienza obteniendo el JSON de cada API respectiva para su ruta específica (ya que Flask enruta sus valores de retorno a esa pestaña específica de la URL), y se vuelve a través del JSON, agarrando lo que necesite. Después de agregar esos índices específicos a una matriz, luego devuelve esa matriz en forma de un diccionario JSON, y Flask lo devuelve como una API REST para que la parte delantera se presente. Luego, la parte delantera formatea los datos que recibe (ya sea conjuntos de datos y sus metadatos o casos positivos y negativos por día), presentándolo en una lista, DIV desplazable o representación gráfica, respectiva a cualquier pestaña en las que esté sirviendo los datos.
Las imágenes a continuación describen la funcionalidad de aplicaciones junto con su interfaz de usuario. 
La primera división incluye conjuntos de datos relevantes relacionados con el coronavirus. Cada "celda" del conjunto de datos incluye el título del conjunto de datos, el autor, la organización responsable de la publicación, la fecha en que se publicó y una breve descripción del conjunto de datos. También proporciona un enlace de descarga al conjunto de datos, útil si uno quiere echar un vistazo a los datos en sí. Los datos y los metadatos son proporcionados por Data.gov.

La segunda división contiene estadísticas informativas sobre el coronavirus. También contiene un análisis de series de tiempo en forma de gráfico y obtiene datos del proyecto de seguimiento Covid.

El análisis de la serie temporal se representa en forma de gráfico, con los puntos trazados en el proyecto de seguimiento Covid. A continuación se muestra una imagen del gráfico con todos los diferentes parámetros, representados en un solo gráfico.

La siguiente imagen representa la naturaleza dinámica del gráfico, con parámetros ajustables para satisfacer las necesidades del usuario. Si el usuario no necesita ver un parámetro paticular, simplemente puede tacharlo y el gráfico y los ejes se ajustan automáticamente, todo con una animación suave.

El segundo gráfico representa la derivada (o tasa de cambio) de valores específicos (como casos totales por día, hospitalizaciones por día, etc.). Este gráfico generalmente tiene una naturaleza oscilante debido a las prácticas de prueba covid, pero es una buena indicación de cuán grave es el problema en el momento actual en comparación con históricamente lo que ha sido. Similar al último gráfico, este gráfico también es dinámico, lo que permite al usuario alterar y ajustar el gráfico según su discreción.

A continuación se muestra una imagen del pie de página, con la fecha en que los datos se actualizaron por última vez, se extrajeron directamente de la API del proyecto de seguimiento Covid.

La tercera división contiene noticias sobre el coronavirus. Cada "celda" de noticias contiene el título del artículo, el autor, la publicación, la fecha publicada, una imagen de la imagen de portada y una breve descripción del conjunto de datos. También proporciona un enlace al artículo para ver o aprender más. Los datos y los metadatos son proporcionados por Newsapi.org.


La cuarta división contiene información de vacuna relevante, incluidas las estadísticas de distribución, una visualización de las estadísticas y un mapa estadounidense que indica el progreso de la vacuna, de CDC.gov.

Esta división contiene envíos y administraciones de dosis de vacuna por cada juristricción, todo en forma de un divisable Div. También los agrupa por región, para facilitar el acceso al usuario final.

Esta división también contiene un gráfico de barras de los datos anteriores (envíos y administraciones de dosis de vacunas por Juristricción), que ayuda al usuario a ver los datos en relación con sí mismo, en un formato mucho más fácil de ver.

Finalmente, se presenta un mapa de EE. UU. Para ver el progreso de la vacuna geográficamente. Al flotar sobre un estado, uno puede ver los datos presentados anteriormente (formateados de manera mapeada), así como ver simultáneamente el estado actual de su capacidad de la UCI. Cuanto más profundo sea el rojo, más crucial es el estado de emergencia en ese estado específico.
