Cloudflare Workers enabled Web-Vitals

---

WORK IN PROGRESS

Status: Functional, but incomplete.

---

This is my submission for Cloudflare Developer Summer Challenge. It's a web-vitals tracking system at the edge.

How?

Housed in 3 parts:

• the api /workers/api responsible for;
  • handling ingress signals — aka the metric's name and value
  • handling egress "dashboard" requests for /site — deployed under app.vitals.htm.io example
• a cron worker /workers/aggregation-cron and is responsible for;
  • running every interval to collect all 'un-processed' entities and inserting into KV.
• a site which is a Cloudflare Pages hosted SPA.

Tech stack:

• Cloudflare Workers
• Workers KV
• Cloudflare Pages
• cfw monorepo workers management

Caveats

1. Still early days, there is no account or domain management, this is still manual.
2. Metrics around path is not accurate (maybe my postgress skills not so shavey).
3. Doesnt make use of the CF-Country from an overview perspective
4. Charting doesnt give sense of scale
5. No score "number out of a hundred" — if you know how to take a web-vital metric and turn it into a score, let me know!?

Design inspiration: https://dribbble.com/shots/14281783-fintech-dashboard-user-interface