Add metrics to the site

[ecmcclain]

Fixes #176
Fixes #179

/ metrics

/data metrics:

NOTE: These metrics are slow to load from the data sources API—any idea how I could make it faster?

/community metrics

[josh-chamberlain]

@ecmcclain Sorry about my delayed response. this is looking great! I like the text and icons you chose + generally how these look. I will probably suggest some copy edits before merge, but for now:

1. your email and password are exposed in the DataView; once you get your API key (by logging in), we should be able to just use that. We will use a different key when deployed to production

   • can you use the API to reset your password too? we don't want any impersonators...

2. could you add a note to the README about which .env variables are required for local development? (fig 1)

3. For slow-loading components—we have part of the solution figured out in the design system. If you run the dev version, you can see some shimmer classes in action (fig 2). We may need to update the design system version, but I'm not sure.

There's more info about lazy loading in vue here.

Ideally the dynamic components would be as small as possible, so the header and surrounding context would be visible.

4. I sent you a Donorbox API key, and their docs are here, for the donors metrics.

fig 1

fig 2

[ecmcclain]

TODO:
-on /donate finish the DonorBox API connection

For the Airtable API: I am not sure if using the "status (depreciated)" to find completed data requests will cause issues down the line if we are no longer tracking the progress of data requests in this way?

[josh-chamberlain]

@ecmcclain ok, this is looking great! I know it must have been a fair amount of work to do the design system migration alone.

1. for requests, and data sources, I wonder if you could switch to using the v2 API: https://data-sources-v2.pdap.io/api
   • we have added a requests endpoint to the dev branch, but not to main yet (we can do that soon)

2. For the Airtable API: I am not sure if using the "status (depreciated)" to find completed data requests will cause issues down the line if we are no longer tracking the progress of data requests in this way?

   • true...github will be the source of truth for requests. you could either use our new API as mentioned in point 1, or potentially use the github API: https://github.com/orgs/Police-Data-Accessibility-Project/projects/26
     • the advantage of this is that you wouldn't have to worry about what to count; if it's in there, it counts
   • we will sync project status from GitHub as part of a v2 issue, but we don't do that yet. integrate with GitHub for Requests project management data-sources-app#299
3. our donorbox email is [email protected]

sorry about the change up in strategy for getting these! LMK if that makes sense.

[josh-chamberlain]

Merging this because I need to work on the site, and this fixes two issues! We can circle back in #183