{/* Header */}
{/* Title + Dropdown box */}
{/* InfoBox --> cases */}
{/* InfoBox --> recovery */}
{/* InfoBox --> deaths */}
{/* Table */}
{/* graph */}
{/* Map */}
We will divide our app in 2 parts
- app__left
- app__right
we will use display : flex to put both parts side by side
In app__left we keep our Header InfoBoxes Map
In app__left we keep our Table Graph
npm i @material-ui/core
so we wan use elements like FormControl, Select and MenuItem.
STATE -: How to write a variable in react
USEREFFECT -: runs a piece of code based on a given condition
ASYNC -: send a request, wait for it, do something with info
using {props} i.e -> {title, cases, total} and using 3 components from react
- card
- cardcontent
- typography
This will create a card with {title} then {No of cases} and at last {total cases}
To draw graph we first need to import
npm i react-chartjs-2