Subscribe
paid-only post javascript

Building A Personal Metrics Dashboard With Vanilla JS And CSS Grid

How I built a fast personal metrics dashboard with vanilla JS, CSS Grid, and localStorage. No frameworks, no build tools, just browser-native tech that I actually use.
Richard Lemon

by Richard Lemon

Building A Personal Metrics Dashboard With Vanilla JS And CSS Grid
Photo by Carlos Muza / Unsplash

Why I Wanted A Stupidly Simple Dashboard

I like metrics. Steps, sleep, HRV, code sessions, pitches thrown at practice, deep work blocks. If I do not see them, I ignore them. If I need three apps to see them, I definitely ignore them.

I kept bouncing between Notion dashboards, random SaaS analytics, and a graveyard of half-finished React side projects. All of them felt heavy. Too many moving parts. Too much ceremony for something I want to glance at over coffee.

So I built a personal dashboard that runs on one index.html file. No framework. No build step. Just vanilla JS, CSS Grid, and localStorage. I open a browser tab and my day is there.

This post is for paying subscribers only

Subscribe to continue reading

Similar topics

CSS Container Queries In Production: Where They Shine And Where Media Queries Still Win

CSS Container Queries In Production: Where They Shine And Where Media Queries Still Win →

I refactored a real production project from media queries to container queries. This is what actually changed, what stayed the same, and where each approach still wins.
Stop Asking. Start Delegating: How I Actually Use AI On My Site

Stop Asking. Start Delegating: How I Actually Use AI On My Site →

AI is not a smarter Google. It is a delegation tool. This is how I rebuilt parts of my site around that idea and shipped six AI gallery pages.
The Make.com Modules I Actually Use Every Week (And The Ones I Killed)

The Make.com Modules I Actually Use Every Week (And The Ones I Killed) →

I spent a few weekends brutally auditing my Make.com scenarios. These are the modules that actually earn their place every week, and the ones I ripped out as pure complexity.