So my former coding partner from and decided to create a simple to track the novel coronavirus. This dashboard which is live offers the following features that differentiate it from the others: Collins Microverse I dashboard here A graph showing  the growth of cases, death and recoveries globally. A list of all countries with their cases(confirmed, death and recoveries) with recoveries and mortality rate. Detail information per country and a graph on the cases growth over time of one month. Preventive measures to be followed to be safe Symptoms presented by someone  infected This dashboard is far from being perfect, as we know a lot could be added to it. However, this is our little quota in helping people have an idea of how this disease is spreading and what can be done to slow its spread. Tech stack The data is being sourced from and through this https://www.worldometers.info/coronavirus/ COVID-19 (2019-nCoV) Data Repository by Johns Hopkins CSSE library This dashboard is using vanilla Javascript for the most part and reactjs(without create-react-app) to display the cases label on the welcome page. The graph is implemented with and we used to display the data in the table with searching, sorting and pagination abilities. Chartjs DatatableJS Known issues or improvement Automatically detect the country of visitor and show cases information Mark countries as a favourite, and show those countries data on top of the table on subsequent visits. Show daily addition of cases to inform the visitor of daily cases. The project is open-source, therefore you could also contribute to it . here

The Graph

We created a Covid19 tracking dashboard

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Advanced Testing Techniques in React: Enhancing Test Resilience and Efficiency

104 Stories To Learn About Go

105 Stories To Learn About Functional Programming

100+ Free Pluralsight Courses to learn Python, Java, and Spring Boot

10 Websites to Learn JavaScript for Beginners

104 Stories To Learn About Programming Top Story

Advanced Testing Techniques in React: Enhancing Test Resilience and Efficiency

104 Stories To Learn About Go

105 Stories To Learn About Functional Programming

100+ Free Pluralsight Courses to learn Python, Java, and Spring Boot

10 Websites to Learn JavaScript for Beginners

104 Stories To Learn About Programming Top Story

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps