Project
Roulette

Server Status Board

A public status page that goes red the moment something stops responding.

IntermediateWeb appDashboard8–16hAI-buildable 4/5needs backend

The status page pattern every SaaS has: a list of services, each with a current state and a 90-day uptime strip. Poll a set of health endpoints on an interval, record results, and render the classic bar-per-day history. The interesting work is in state transitions — a service that flaps between up and down shouldn't produce a flickering UI.

UI
Logic
Useful

Hosting · Free tier, sleeps when idle

Deploys free on Vercel Hobby + Supabase free or Cloudflare Pages + Turso free.

Free database tiers pause or expire when a project sits idle, so this one needs occasional attention to stay up.

Deploy it and share a link.

Core features · 6

  • List monitored services with a current status indicator each
  • A 90-day uptime strip renders one bar per day, coloured by worst status that day
  • Overall system status summarises all services into one banner
  • Polling runs on an interval and can be paused
  • A service that fails repeatedly is marked degraded rather than instantly down
  • Last-checked timestamp updates live

The interesting part

  • Debouncing status transitions so a single failed poll doesn't flip the board
  • Aggregating many checks per day down to one bar without losing the bad news
  • Cleaning up polling timers when the tab is backgrounded

Once it works

  • Add an incident timeline with human-written updates
  • Show response-time sparklines per service
  • Let the user add their own endpoints to monitor

Suggested stack

reacttypescripttailwindtanstack-querydate-fns

Track it