Media-Intelligence Dashboard, Full-Stack TypeScript App
A media-monitoring / data-orchestration platform
Overview
A full-stack TypeScript dashboard that surfaces the platform’s media-intelligence data to its users. The client app is a React 18 + Vite single-page app; the server is an Express service with Firebase Admin auth, upstream API proxies, report editing, alerting, and LLM chat orchestration.
The Challenge
A media-monitoring platform produces large volumes of matched articles, journalist data, and broadcast hits. End users need a fast, polished interface to query that data, build and edit shareable reports, and configure alert workflows, all behind secure authentication and with analytics on usage.
What We Built
A React 18 client using wouter routing, Tailwind and shadcn/ui primitives, TanStack Query for data fetching, Tiptap rich-text editing for report authoring, and Recharts plus react-globe.gl for visualization. The Express server provides Firebase Admin authentication, proxy endpoints to backend services, report-editing APIs, an alerts subsystem (runner, formatter, and an LLM-based “alert judge”), and chat orchestration via the Anthropic SDK. Drizzle ORM backs the PostgreSQL layer, with Puppeteer and html2pdf/html-to-image used for report export. The repo documents itself through an app_structure/ set of agent-friendly maps and ships with Playwright and Vitest test suites.
Technologies & Approach
TypeScript end-to-end with a clean client/server/shared split. React + Vite for a snappy SPA, Firebase for auth on both ends, Drizzle + PostgreSQL for persistence, and PostHog for product analytics. Alerting and chat features lean on an LLM to score and summarize matches. Biome/Ultracite enforce code quality.
Outcome / Impact
Serves as the primary user-facing surface of the platform, turning raw collection and matching output into editable reports and proactive alerts. Active development across 2025–2026 with broad test coverage.
Capabilities Demonstrated
- Production full-stack TypeScript (React + Express) delivery
- Rich-text report authoring and PDF/image export
- Secure auth with Firebase across client and server
- LLM-assisted alert scoring and chat workflows
- Analytics-grade data visualization (charts, globe)