DEV Community

Cover image for šŸ“ˆ Get Statistics for šŸ¦   COVID19 Harnessing the Power of  āš›ļø React Hooks
Saeed Ahmad
Saeed Ahmad

Posted on • Updated on

šŸ“ˆ Get Statistics for šŸ¦  COVID19 Harnessing the Power of āš›ļø React Hooks

Inspiration :

Corona Virus is a global pandemic that has spread across the globe. Most countries in the world are in a lock-down state.

These days I am also working from home. I saw corona-cli by @mrahmadawais . So, I thought why shouldn't I write a react library which gives the latest statistics related to COVID19 and that's how react-covid-hooks library was born.



šŸ“ˆ Statistics for šŸ¦  COVID19 harnessing the power of āš›ļø React Hooks

react-covid-hooks

šŸ“ˆ Get Statistics for šŸ¦  COVID19 Harnessing the Power of āš›ļø React Hooks

  • šŸš€ get overall statistics, country-wise, state-wise (US) and statistics till yesterday
  • šŸ¦  get overall statistics for COVID19
  • šŸ‡ŗšŸ‡ø get updated statistics for all US states
  • šŸ—ŗļø get statistics for all countries of the world
  • ā®ļø get updates statistics for yesterday
  • šŸ“ˆ For overall statistics, Data : updated (Time Stamp), cases, todayCases, deaths, todayDeaths, recovered, active, critical, casesPerOneMillion, deathsPerOneMillion, tests, testsPerOneMillion, affectedCountries
  • šŸ“ˆ For all states of the US, Data : state, cases, todayCases, deaths, todayDeaths, active, tests, testsPerOneMillion
  • šŸ“ˆ For all countries of the world, Data : country, countryInfo, updated, cases, todayCases, deaths, todayDeaths, recovered, active, critical, casesPerOneMillion, deathsPerOneMillion, tests, testsPerOneMillion
  • šŸ“ˆ For statistics till yesterday, Data : country, countryInfo, updated, cases, todayCases, deaths, todayDeaths, recovered, active, critical, casesPerOneMillion, deathsPerOneMillion, tests, testsPerOneMillion

GitHub Link: https://github.com/iamsaeeddev/react-covid-hooks
NPM Link: https://www.npmjs.com/package/react-covid-hooks

šŸ“„ Install

npm install react-covid-hooks
Enter fullscreen mode Exit fullscreen mode

šŸ’… Usage

šŸ“ˆ All Statistics

import { useAll } from 'react-covid-hooks';

const allStats = useAll();
Enter fullscreen mode Exit fullscreen mode

šŸ“ˆ Country-wise Statistics

import { useCountries } from 'react-covid-hooks';

const allCountries = useCountries();
Enter fullscreen mode Exit fullscreen mode

šŸ“ˆ State-wise Statistics

import { useStates } from 'react-covid-hooks';

const allStates = useStates();
Enter fullscreen mode Exit fullscreen mode

šŸ“ˆ Statistics till Yesterday

import { useYesterday } from 'react-covid-hooks';

const yesterdayStats = useYesterday();
Enter fullscreen mode Exit fullscreen mode

šŸ—’ļø Changelog

Changelog exists in the releases tab

āš™ļø Contributions

Contributions/PRs/Feedback is welcome

šŸ“” License

This library is release under MIT License

ā›“ļø Connect

šŸ’» Want to get updated on latest trends in Open Source? Follow me on GitHub.

šŸ¦ Want to get help or discuss something? Get connected on Twitter!

šŸ“– Want to read my articles? Visit my DEV blog!

šŸ¢ Want to see my professional journey? Let's Connect on LinkedIn

Usage in Twilio Hackathon

Twilio Hackathon

If you are working on a React app and want to use some statistics related to COVID19, then you should consider using this package.

Alongside this, feel free to contribute to it if you feel something's missing or it can be improved.

Just connect with me and Let's discuss!

Top comments (2)

Collapse
 
maajidqureshi profile image
Majid Qureshi

Amazing work !

Collapse
 
mrsaeeddev profile image
Saeed Ahmad

Thanks bro!