Usage Dashboard
Usage Dashboard pulls usage from multiple hosting and database providers into one mobile-first view, grouped by account and service. Provider API keys are added through an admin panel and stored double-encrypted, and all provider calls run server-side.
- Started
- 2026
- Stack
- Next.js, React, TypeScript, Tailwind CSS, Firebase, Firestore, Zod, Vitest
- Kind
- Product
- Source
- Private
Why I built it
Free-tier limits across many cloud providers are easy to lose track of until a surprise bill lands. This dashboard surfaces consumption and the point where charges begin in one place.
What it does
- Mobile-first account cards with expandable per-service rows, category grouping, and a summary strip
- Admin panel to add and delete provider keys, with deny-all Firestore rules and an audit log
- Adapters for AWS, Cloudflare, Vercel, GitHub, Netlify, Neon, and Upstash
- Two-layer encryption: browser RSA-OAEP envelope to server AES-256-GCM at rest
How it is built
Next.js 15 (App Router) with React 19 and TypeScript, Firebase Auth and Firestore, server-side-only provider calls, a pure domain layer with Vitest tests, and Zod validation.
How it evolved
- 2026Scoped
Free-tier limits across many cloud providers are easy to lose track of until a surprise bill lands.
- 2026Built
Next.js 15 (App Router) with React 19 and TypeScript, Firebase Auth and Firestore, server-side-only provider calls, a pure domain layer with Vitest tests, and Zod validation.
- 2026Live
Shipped and still improving it.
Built by Syed Tasavour. More at syedtasavour.com.