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.
- 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.