A daily graphical report on coronavirus (COVID-19) cases, both globally and for states within the US. This websites data includes:
- Confirmed cases, deaths, and recoveries globally or by country
- Option to see the above information, but only for US States
- Graphs and Charts to represent the above data visually
- Gatsby.js (React.js)
- Chart.js
- Tailwindscss
- Netlify
- COVID API
- COVID-19 API
-
Totals API - https://github.com/javieraviles/covidAPI
-
useContext with useState (instead of useReducer) - https://dev.to/nazmifeeroz/using-usecontext-and-usestate-hooks-as-a-store-mnm
-
TailwindCSS with Gatsby - https://www.youtube.com/watch?v=d0v_ouu5mqU
-
Date Manipulation - https://www.toptal.com/software/definitive-guide-to-datetime-manipulation
-
Check empty Objects - https://coderwall.com/p/_g3x9q/how-to-check-if-javascript-object-is-empty
-
Toggle Switch - https://codepen.io/lhermann/pen/EBGZRZ
-
Toggle Switch State - https://upmostly.com/tutorials/build-a-react-switch-toggle-component
-
Chartjs Usage - https://www.youtube.com/watch?v=Ly-9VTXJlnA and https://github.com/jerairrest/react-chartjs-2
-
Label Font Color for Chart JS in React - https://www.chartjs.org/docs/latest/axes/styling.html and https://stackoverflow.com/questions/37292423/chart-js-label-color
-
Logarithmic Scale - https://stackoverflow.com/questions/30307801/how-to-assign-a-logarithmic-scale-to-y-axis-in-chart-js and chartjs/Chart.js#3121
-
Checkbox State - https://reactjs.org/docs/forms.html
-
Data Above Bar Chart - https://stackoverflow.com/questions/54558736/chart-js-display-data-value-on-the-top-of-the-bar
-
Canvas Work - https://www.w3schools.com/graphics/canvas_text.asp