DevDash

About

---
  DevDash — Developer Dashboard for Localhost

  Stop switching between terminals, browser tabs, and log files just to know what's running.
  DevDash lives in your browser and gives you a real-time view of your entire local dev environment
   — ports, API calls, and environment variables — all in one place.

  ────────────────────────
  🏠 LOCAL TAB — Port Monitor
  ────────────────────────
  DevDash automatically scans localhost and shows every server that's running, with response times
  and live status. No configuration needed. Open the popup and your stack is already there.

  • Detects ports 3000–9999 automatically
  • Shows response time per service
  • Live updates every 2 seconds
  • Instantly see if a server crashed or restarted

  ────────────────────────
  📡 NETWORK TAB — API Monitor
  ────────────────────────
  Every fetch and XHR request made from your localhost app is captured and displayed in real time.
  See exactly what your frontend is calling, how long it's taking, and what came back.

  • Tracks all API calls with method, path, status, and duration
  • Highlights slow responses (>1s warning, >3s critical)
  • Error rate and average response time summary
  • Health check calls hidden by default — one click to reveal
  • Switch between Local mode (localhost only) and Global mode (all traffic)

  ────────────────────────
  ⚙️  MORE TAB — Env Variable Audit
  ────────────────────────
  See every environment variable your app is exposing at a glance. DevDash flags sensitive keys,
  detects missing critical values, and even catches common typos before they waste your time.

  • Reads window.process.env and framework-injected vars
  • Marks sensitive keys (API keys, secrets, database URLs)
  • Detects typos — catches AP_KEY when you meant API_KEY
  • Search and filter across all variables instantly