When the world gives you COVID-19, use the community-driven APIs it provides for COVID-19 data by country to make a tool to show data better? COVID-19 Today shows daily stats for the coronavirus. It's a web app built in React that displays COVID-19 data by country.
Sorting criteria
The tool allows you to sort countries using the following criteria:
- total confirmed cases
- total new cases today
- total deaths
- total deaths today
- total recovered
- current active cases
- current cases in critical condition
- highest cases per 1 million population
- highest deaths per 1 million population
You can click or tap on the different buttons to sort the countries.
Search by country
The tool also makes it easy to search for COVID-19 stats for a specific country. You can type a country name in the search box to find that country. It filters the countries list by the provided search criteria. This uses the country name provided by the API.
Data
This tool couldn't have been made possible without the dated collected and shared by the open-source community:
- Postman COVID-19 API Resource Centre
- NovelCOVID API
There's also lots of other data available, but that's the one I used.
Source code
The source code for this app that displays COVID-19 data by country is available on Codepen here. The web application is built using the following technologies:
- HTML
- SCSS
- React
- jQuery (Ajax)
- the above-mentioned API for COVID-19 data by country