edemagbenyo/covid19-screening

A simple dashboard tool for COVID-19. It provides global and per country cases in a table and graphical form.

covid19-screening

This project is a front end application that interacts with the API to fetch COVID-19 real time information. The information pulled from the API has been sanitized and presented in a tabular and graphical format. This project is built using vanilla JavaScript and a bit of React.

Live version is available here

To report a bug or request a feature use this link

Prerequisites

Before you begin, ensure you have met the following requirements:

• You have installed the latest version of Node.js

About the project

Covid19-screening is a simple application for tracking the novel coronavirus pandemic cases. This platform provides up-to-date information on the cases count per country, global cases data and, some preventive measures. The information is presented in a tabular and graphical format to enable easy interpretation of the data.

Installing covid19-screening

To install covid19-screening app, follow these steps:

1. Clone the project

git clone git@github.com:edemagbenyo/covid19-screening.git

cd covid19-screening

npm install

npm run start

Available scripts

npm run build

Builds the app for production to the build folder.

Using covid19-screening app

To use covid19-screening app, follow these steps:

1. The home page provides you with global information on the cases in a graphical form
2. Clicking on the "countries" card will take you to the country's cases pages
3. Clicking a specific country will open a modal displaying detail information with data on that country.

Contributing to covid19-screening app

To contribute to the covid19-screening app, follow these steps:

1. Fork this repository.
2. Create a branch: git checkout -b feature/awesome_branch.
3. Make your changes and commit them: git commit -m 'awesome message'
4. Push to the original branch: git push origin feature/awesome_branch
5. Create the pull request.

Alternatively see the GitHub documentation on creating a pull request.

Author

• Github: @edemagbenyo
• Twitter: Edem Agbenyo
• LinkedIn: Edem Agbenyo
• Email : edem.agbenyo@gmail.com

Future features

1. Automatically detect the country of a visitor and show cases information.
2. Mark countries as a favorite, and show those countries data on top of the table on subsequent visits.
3. Show daily addition of cases to inform the visitor of daily cases.

License

This project uses the following license: MIT.

Source: The dashboard is using (COVID-19 (2019-nCoV) Data Repository by Johns Hopkins CSSE)[https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data/csse_covid_19_time_series] as its data source.