*currently working on migrating from Google Maps to the javascript data visualizer library, D3.
All data provided by the Covid Tracking Project (https://covidtracking.com/data/api)
Use the left and right arrow keys to navigate through daily visual covid updates for the continental U.S.. Click on a state to get specific numbers.
- The map will render black if data isn't available yet for the current day.
- Due to issues reassigning element focus, a user must first click anywhere on the screen to enable key-press navigation of the daily heat map timeline.
- Node - For the runtime environment
- React - For the front end
- Express - For the back end
- PostgreSQL - For the database
This service is supported on Node v12.16.1
Install package dependencies.
npm install
Install and start postgresql database if not already installed: https://www.postgresql.org/download/
Fill out .envTemplate and rename to .env
Get a Google Maps api key here.
In client/dist/index.html, replace YOUR_KEY_HERE in the final script tag with your api key.
build:
Builds the webpack bundles of both client modules.
seed:
Creates a postgres database, covid.
Clears/creates the table history.
Downloads a csv of the Covid Tracking Project's historical figures, creates a modified copy of all app relevant information and imports it into the table, history.
boot-prod:
Starts the app server locally
GET /data?date=NUMBER
| Query | Type |
|---|---|
| ?date | Number |
| Field | Type |
|---|---|
| shows | Array[Objects] |
| Field | Type |
|---|---|
| id | Number |
| date | Number |
| state | String |
| positive | Number |
| lastUpdateEt | String |
| death | Number |
| dataQualityGrade | Number |
| positiveIncrease | Number |
{
"id": 1,
"date": "20200709",
"state": "AL",
"positive": "20200709",
"lastUpdateEt": "7/9/2020 11:00",
"death": "1068",
"dataQualityGrade": "B",
"positiveIncrease":2212
}
