COVID-19 TRACKER - My Contribution So Far!
Tags: javascript, react, webdev, news
Published: 2020-04-08 09:23:00

[COVID-19 TRACKER](https://covid19-stat.netlify.com/) is a website I decided to start building a couple of weeks ago to track the statistics of the effect of the COVID-19 pandemic world wide.

This is my little contribution when the world came together remotely as one against this plague that is ravaging mankind.

### Why I built it?
Information is said to bring light. If people are informed, they know what steps to take next - either to be more careful or to be less tensed **(we are really looking forward to this)**.

### Design
[COVID-19 TRACKER](https://covid19-stat.netlify.com/) is made in such a way that it is easy to navigate even for a non-techie. 

It is made with 3 colors basically - **white, black and red**. These colors symbolizes death in some places, life in other places and love in most placs. The idea is that even though there is **danger of death** at this time, we can look forward with **hope for life** as we stand **together in love**.

### Why You should check it out and share?
It is built with all simplicity in mind and updated every 15 minutes which means you do not miss out on any news around the world.

## Features of the website
The website is made up of 4 features as at the time of this report:
1. [Global Report](#1)
2. [Countries Report](#2)
3. [World Most Trending News](#3)
4. [Search Box](#4)

<a name="1"></a>
### [Global Report](https://covid19-stat.netlify.com/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jljszdma4st9drn38col.JPG)

This feature provides the global statistics of the effect of the COVID-19 pandemic. Check it out [here](https://covid19-stat.netlify.com/)

<a name="2"></a>
### [Countries Report](https://covid19-stat.netlify.com/countries)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/rtbkd1rw85hgepaaeoqi.JPG)

In this page, each country's statistics is provided individually and they are sorted according to the number of confirmed cases ranging from the highest to the lowest. Check it out [here](https://covid19-stat.netlify.com/countries)

<a name="3"></a>
### [World Most Trending News](https://covid19-stat.netlify.com/trending)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/r7y27iffjmtn5f0i7zfw.JPG)

Here, you will find 10 most trending news in the world. It is important to note that some of these news gives hope. Check it out [here](https://covid19-stat.netlify.com/trending)

<a name="4"></a>
### [Search Box](https://covid19-stat.netlify.com/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/tr5y057h0a2oyrarcysq.JPG)

The search feature makes it easy to locate a country of choice as the list of countries is quit enormous. It appears on every page in the navigation bar. Check it out [here](https://covid19-stat.netlify.com/)

### Acknowledgement
I am expressing appreciation to the following open source tools and of course, the whole DEV Community.

  * [React](https://reactjs.org/)
  * [React Number](https://www.npmjs.com/package/react-number-format)
  * [React Bootstrap](https://react-bootstrap.netlify.com/)
  * [React Moment](https://www.npmjs.com/package/react-moment)
  * [Cloudinary](https://cloudinary.com/)
  * [Coronatracker](https://api.coronatracker.com/) 
  * [Logomakr](https://logomakr.com/)

### Conclusion
Hopefully, there will be more improvements on the website in the future. I am open to ideas in the comment section.

All codes can be found [here](https://github.com/EBEREGIT/covid-19)

{% github eberegit/covid-19 no-readme %}

If you have questions, comments or suggestions, please drop them in the comment section.

You can also follow me and message me on social media platforms. 

**[Twitter](https://twitter.com/eberetwit) | [LinkedIn](https://www.linkedin.com/in/samson-ebere-njoku-profile/) | [Github](https://github.com/EBEREGIT)**

Thank You For Your Time.