Deep dive · Social Champ · 2026

Brand Dashboard & scheduled reports

A home screen for agencies: what needs attention across every client workspace, how the week performed, and where the content pipeline stands, with widgets each member can arrange for themselves.

Role
Full stack, Angular + Node.js
Plans
Agency · Enterprise
Stack
Angular · Node.js · AWS Lambda · cron
Source
Figma + PRD
Brand Dashboard with Needs Attention cards and a performance strip
Needs Attention and Performance across all workspaces (sample data).

What it is

The dashboard aggregates across all workspaces an account can see: missed posts, pending approvals, disconnected accounts, comments waiting for a reply, then performance KPIs with an impressions chart, Google Analytics, the content pipeline and top posts.

Widgets are role-scoped (a client-role member never sees owner widgets), can be shown, hidden and reordered per member, and the pipeline stages open the matching calendar view. A sample-data mode lets a new workspace explore the layout before its own data lands.

What I built

◆
Layout

Movable, role-scoped widgets

A Customize panel to show, hide and reorder sections, persisted per member; widget visibility derived from the member's role on the server, not the client.

◆
Data

Cross-workspace aggregation

Needs Attention and Performance computed across every workspace the member can open, with a workspace chooser to narrow down.

◆
Onboarding

Sample data mode

A toggle that swaps every widget's source for a static sample template without touching the demo workspace, with flags reset on account switch.

◆
Reports

Scheduled report emails

Analytics and Social Listening reports delivered by email on a schedule, rendered by the Lambda report generator, with history and resend.

◆
Billing

Limits that follow the plan

Per-plan schedule limits that pause automatically on downgrade and resume on upgrade; a failed plan read never permanently disables a schedule.

◆
Polish

Theme and QA fixes

Themed customize panel icons, trial strip, date-range picker, pipeline-to-calendar deep links.

Customize panel listing dashboard sections with toggles
Customize: show, hide and reorder sections per member.

What changed

One screen for every client

Agencies start the day on one page instead of opening each workspace.

Nothing slips

Missed posts, approvals and disconnected accounts surface automatically.

Reports on a schedule

PDFs arrive by email; limits follow the plan.

Fail safe

A plan-service outage pauses, it never deletes.

AngularNode.jsMongoDBAWS LambdaCronGrowthBook flagsFigmaPlaywright