caseStudies.js Data Reference — Mission Report Schema

interface MissionPhase {
  phase: string;       // Phase label, e.g. "T-MINUS 6M" or "PHASE 1"
  description: string; // One-sentence summary of work in that phase
}

interface CaseStudy {
  id: string;             // Unique identifier, e.g. "cs1"
  title: string;          // Mission name + subtitle, e.g. "PROJECT ORION: ..."
  duration: string;       // Human-readable duration, e.g. "6 MONTHS"
  crew: string;           // Team composition, e.g. "4 ENGINEERS, 1 DESIGNER"
  techDeployed: string[]; // Technologies used on the mission
  objective: string;      // The goal: what problem were you solving?
  preFlight: string;      // Pre-mission situation analysis / problem statement
  timeline: MissionPhase[]; // Ordered phases from start to launch
  anomalies: string;      // Challenges, blockers, and how they were resolved
  outcome: string;        // Measurable results and delivery summary
  future: string;         // Planned next steps or follow-on work
}

// data/caseStudies.js  — append inside the array
{
  id: "cs3",
  title: "MISSION ATLAS: Design System Overhaul",
  duration: "4 MONTHS",
  crew: "2 ENGINEERS, 1 DESIGNER",
  techDeployed: ["React", "Storybook", "Radix UI", "Tailwind CSS", "Chromatic"],
  objective:
    "Consolidate five fragmented component libraries used across internal tools "
    + "into a single, versioned design system with full accessibility compliance.",
  preFlight:
    "Audit revealed 23 different Button variants across the codebase with "
    + "inconsistent focus states and no dark-mode support. On-boarding a new "
    + "engineer took two weeks just to understand the component landscape.",
  timeline: [
    {
      phase: "PHASE 1",
      description: "Component audit, token extraction, and design-system architecture.",
    },
    {
      phase: "PHASE 2",
      description: "Core primitives built on Radix UI with full ARIA compliance.",
    },
    {
      phase: "PHASE 3",
      description: "Storybook documentation, Chromatic visual regression testing.",
    },
    {
      phase: "PHASE 4",
      description: "Incremental migration of all five tools to the new library.",
    },
  ],
  anomalies:
    "Radix UI's asynchronous focus management conflicted with an existing "
    + "keyboard-shortcut system. Resolved by wrapping Radix's FocusScope with "
    + "a custom context that exposes an escape hatch for global hotkeys.",
  outcome:
    "Reduced per-component implementation time by 60%. Zero WCAG 2.1 AA "
    + "violations on audit. New-engineer on-boarding time cut from two weeks "
    + "to two days.",
  future: "Publish the library as an open-source package with a public docs site.",
}