Pulse — Talking SaaS Analytics Dashboard by Syed Muhammad AliPulse — Talking SaaS Analytics Dashboard by Syed Muhammad Ali

Pulse — Talking SaaS Analytics Dashboard

Portfolio project
Syed Muhammad Ali
Personal concept project. Pulse is a SaaS analytics dashboard you can talk to. The company in it, Fieldnote, and every number on screen are fictional demo data.

The idea

Dashboards make you hunt for answers. Pulse lets you ask instead: tap the glowing orb in the corner, say "Which accounts are at risk?", and the assistant answers out loud with live captions, then opens the page that shows it.

What it does

Voice in, voice out. Push-to-talk speech recognition, spoken replies, and captions that highlight word by word as they're spoken. Talking over the assistant interrupts it.
It drives the app. A reply can open a page or a customer, change the date range or chart, or switch between light and dark mode. "Open Vela Robotics" takes you straight to that customer.
Grounded answers. Every question is sent with the dashboard's data, so answers come from the numbers on screen. The server only accepts actions the app understands, so the AI can't send it somewhere broken.
Page-aware. It knows which page you're on, and its suggested questions change with it.

Pages

Overview: key numbers with sparklines, a daily chart, and "Pulse noticed" insights you can ask about
Revenue: revenue trend, monthly revenue by plan, revenue by country, and a filterable invoice list
Customers: a searchable, sortable account table, plus a page for each customer
Usage: active users, feature adoption, devices, and a retention cohort heatmap
Settings: profile, theme, and the assistant's voice and speaking speed
Light and dark themes, responsive down to phone width, with visible keyboard focus throughout.

How it's built

Next.js 16 (App Router), React 19, TypeScript and Tailwind CSS 4
Google Gemini (gemini-3.5-flash-lite) with structured JSON output, called from a server route so the API key never reaches the browser
The browser's built-in Web Speech API for speech recognition and text-to-speech
Recharts for the charts
Everything runs on free tools: Gemini's free API tier, the browser's own speech engine, and it's made to deploy on Vercel's free plan.

0 likes · 1 view · Oct 25, 2026

Personal concept project: a SaaS analytics dashboard you can talk to. Ask out loud and the AI answers with voice and captions, then opens the right page.

Tags