Trounce App
A multi-tenant social-media management dashboard for agencies, with a post composer, content calendar, team management and a superadmin panel. I worked on it as a frontend developer at HuboWeb; the live link is a public demo running on a stand-in backend.
Tech Stack
The Challenge
Social-media agencies juggle many clients, team members and posting schedules across disconnected tools. The product needed to bring composing, AI assistance, scheduling and review into one multi-tenant workspace, with an operator panel to administer tenants.
The Solution
My role
I worked on the frontend within a small team: a Next.js 15 (App Router) application in TypeScript with Tailwind CSS and shadcn/ui, Zustand for persisted client state, TanStack Query for data fetching, and React Hook Form with Zod for forms.
What the interface covers
A multi-platform post composer with media upload, a stock-media library, emoji and voice-note inputs and AI caption and hashtag suggestions; a monthly content calendar; team and role management; settings with agency branding and a custom theme editor; and a superadmin panel for agencies, workspaces, users and payment plans.
About the public demo
The production backend at HuboWeb was a separate service I don't have access to, so the public demo runs on a lightweight stand-in backend (Next.js API routes with MongoDB) built so every screen can be explored. Several integrations are intentionally mocked: payments accept any input without real Stripe processing, connecting Facebook, Twitter or LinkedIn creates a mock account with no OAuth round-trip, and email isn't sent. AI captions use Groq's free tier when configured and fall back to deterministic mock output. Use "Explore as demo user" on the login page to enter the dashboard without signing up.
Key Features
- ▸Frontend for a multi-tenant social-media management dashboard (agencies, workspaces, team members)
- ▸Post composer with multi-platform selector, media upload, stock-media library, emoji and voice-note inputs
- ▸AI caption and hashtag suggestions in the composer (Groq in the demo, with mock fallback)
- ▸Monthly content calendar
- ▸Team and role management, agency branding and theme editor
- ▸Superadmin panel UI for agencies, workspaces, users and payment plans
- ▸One-click demo login; payments, social connections and email are mocked
Want something like this?
Let's build your next product together.
Let's Talk