# COVID-19 data by country

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](https://codepen.io/tinacious/full/eYNbEoE) shows daily stats for the coronavirus. It's a web app built in React that displays COVID-19 data by country. 

![COVID-19 data by country, sorted by default criteria for most confirmed cases today](https://cdn.hashnode.com/res/hashnode/image/upload/v1606866981769/ArXsjlHSU.png)


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


![COVID-19 data by country (mobile view) for the countries with the most recoveries](https://cdn.hashnode.com/res/hashnode/image/upload/v1606867031806/CSWc2w5ha.png)


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


![COVID-19 data by country search filtering](https://cdn.hashnode.com/res/hashnode/image/upload/v1606867063336/3x94o-sS3.png)

## 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](https://covid-19-apis.postman.com/)
-   NovelCOVID API
    -   [Source code](https://github.com/NOVELCOVID/API)
    -   [API documentation](https://documenter.getpostman.com/view/8854915/SzS7R6uu?version=latest)

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](https://codepen.io/tinacious/pen/eYNbEoE). The web application is built using the following technologies:

-   HTML
-   SCSS
-   React
-   jQuery (Ajax)
-   the above-mentioned API for COVID-19 data by country