Live temperature and humidity for the Cogapp office, from two public Adafruit IO feeds. Astro + Tailwind v4, styled with the Cogapp brand. Deploys to GitHub Pages at cogapplabs.github.io/cogapp-temperature.
npm install
npm run dev # http://localhost:4321/cogapp-temperatureThe feeds are public, so there is no API key and no .env to set up.
npm run buildbuilds the static site todist/.npm run previewserves the build locally.npm run checkruns Biome (autofix) then Astro type checks.npm run lintruns Biome without writing.node scripts/axe-check.mjsruns an axe-core accessibility check against a running dev/preview server.
Biome (lint + format) runs on staged files via Lefthook at pre-commit.
The page ships an empty placeholder, then a small client script fetches both
feeds on load and re-polls every 60 seconds. A circular timer in the header
drains to the next poll, next to a manual refresh button. Each metric shows
the current value, a comfort-band scale, a sparkline, and an expandable history
chart. See CLAUDE.md for architecture detail.
The comfort thresholds are general office-comfort guesses, not Adafruit's own dashboard bands.
Pushing to main triggers .github/workflows/deploy.yml, which builds and
publishes to GitHub Pages. Enable Pages (source: GitHub Actions) in the repo
settings once.