Skip to content

pairofAces/covid-vault

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Covid-Vault

A web application engineered to display Covid-19 statistics coming from the Novel Covel 19 API.

Demo

Covid-Vault-Demo

User Experience Guide

Users can use this application on their own accord or refer to the user guide below.

  • User can click the globe to be taken to the tracker page.
  • User will be presented with 3 info cards and a map.
  • User can click on any info card to dynamically see the map change its display to show active cases, recovered cases, and deaths.
  • User can click on countries to see a small info card within the map, showing data relevant to the selected country.
  • User can use the toggle located on the upper right corner, to select a specific country and view its data.
  • In the Graph component, Users can see a line graphs reflecting how many additonal new cases there were, over the previous 120 days. The line graph will change based on the selected info card above
  • Users can also view a table that organizes all the countries from highest amount of cases to lowest.

What I learned

  • Gained working knowledge of chart.js, numeral.js, leaflet.js, and Material-UI libraries.
  • Dynamic integrations for the tracker and graph components with the Novel Covid-19 API.
  • Using LocalStorage to store user-favorites information client-side.

Sources

Novel Covid-19 API

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published