StarVox: AI Voice Agent Dashboard

StarVox is a multi-tenant SaaS dashboard where a business sets up an AI phone agent that answers every call, books appointments and logs each conversation.

The brief

The client wanted creating an AI telephone agent to feel like hiring an employee: answer five plain-English questions (what it should do, how it should speak, what it should know, which systems it connects to, which number it answers) and go live. Non-technical by default, with model and telephony settings tucked away behind an Advanced section.

What I built

I designed and built the whole web front end in Next.js 16 and React 19 against the client's real, deployed backend: around 110 API endpoints and no mock data. Every screen reads live data, and a screen whose API is not switched on yet says so instead of showing fake numbers.

• Dashboard: calls, voice minutes, bookings, missed calls, outcomes and a 7-day call chart.
• AI agents: greeting, system prompt, language and status, plus a Test call button that talks to the agent in the browser over LiveKit WebRTC.
• Voice picker: searches a catalog of 19,000+ ElevenLabs voices on the server, with language, accent and gender filters and one-click previews.
• Call history: recording, a turn-by-turn transcript, an AI summary and the details the agent pulled out of the call (date, time, party size, request type).
• Bookings and requests collected by the agents, ready for staff to action.
• Integrations: ERPNext, webhooks, WhatsApp (UltraMsg) and email, each with a test-connection button and a delivery log.
• Outbound campaigns: AI conversations or recorded voice broadcasts, with a do-not-call list.
• Self-service onboarding: sign-up, email verification, password reset, plan selection, Stripe checkout and a guided first-run tour.
• Super-admin area for companies, plans and billing across every tenant.

Design and performance

A custom purple/cyan brand system in Tailwind CSS 4 and shadcn/ui, in both light and dark mode. Motion is CSS-only (I dropped a JavaScript animation library that was slowing down page changes), fonts are trimmed to the weights actually used, every screen has its own page title, and only the public sign-in pages are indexable.

Delivery

Strict tenant isolation (the tenant comes from the login token, never from the browser), role-based screens for company admins and operators, and automated deployment from GitHub Actions to an Ubuntu server behind nginx.