Feature Bombing: The CCCP Factory Dashboard

Posted on by

“Why have one feature when you can have twenty?”

The Claim

I’m claiming the Feature Bombing badge for cramming 20 features into a single dashboard screen while keeping it functional and coherent.

What’s Packed In

Main Dashboard:

  • 3 real-time resource quota cards with live percentages and output rates
  • Recent Orders panel (API-loaded top 3)
  • Field Status panel with progress tracking
  • Harvesters overview
  • Production Summary table
  • Priority Alerts panel

The Modals (Because One Screen Wasn’t Enough):

  • Show All Orders Modal – Complete order history with searchable cards
  • Order Details Modal – Full breakdown with line items and totals
  • All Harvesters Modal – Stats summary + individual harvester management
  • Harvester Activity Logs – Per-harvester API-loaded recent activity
  • Status Toggle System – Activate/deactivate harvesters with custom confirmations
Example of modal that opens to show all harvesters. Here the admin user can also set harvesters on a break by setting them to idle.
Other modals with more features
Other modals with more features

The Infrastructure:

  • Custom confirmation dialogs (no browser alerts)
  • Custom notification system
  • Real-time updates via API
  • Smart modal stacking management
  • Loading/empty/error states everywhere
  • Mobile responsive throughout

Why It Works

Everything is themed around factory automation and resource management. The Soviet propaganda aesthetic (red gradients, gold accents, uppercase typography) ties it together visually.

The whole thing runs on centralized API utilities in utils.js, making the code clean despite the feature count. Modals lazy-load data only when opened. The order list auto-refreshes when you place new orders elsewhere in the portal.