Admin Dashboard

The VDECOMA Admin Dashboard is an internal tool used by the operations team to monitor active projects, manage client accounts, track design session activity, and handle support requests. It consolidates data from several backend services into a single interface, replacing a fragmented workflow of spreadsheets and ad-hoc queries.

The frontend is built with React and Tailwind CSS. Real-time data — active sessions, recent uploads, system health — is delivered via Supabase's PostgreSQL change-data-capture subscriptions, which push row-level updates to the client over a WebSocket without polling. Role-based access control is enforced at the Supabase Row Level Security layer, so each admin user sees only the data their role permits, without any frontend-side gatekeeping that could be bypassed.

Key engineering challenges included designing a permission model flexible enough to support three distinct admin roles (super-admin, project manager, support agent) while keeping the UI consistent across all of them, and building a responsive layout that works on both widescreen monitors and the iPads used by the on-site team. The dashboard ships with a dark and light theme, respecting the user's OS preference by default.