Dev Mode Arcade: Static Data Layer and mockData.js

data/
└── mockData.js   # The single source of truth for all portfolio content

import { p as projects, s as skills, a as articles, c as caseStudies, g as guestbook }
  from "../data/mockData.js";

// Project shape — exported as `p`
{
  id: string,        // Unique identifier, e.g. "proj-1"
  title: string,     // Display name, e.g. "Neon Nexus"
  genre: string,     // Tech stack label, e.g. "React / Three.js"
  players: string,   // "Solo" | "Team"
  year: string,      // Four-digit year string, e.g. "2025"
  description: string,
  color: string,     // "purple" | "lime" | "magenta" | "cyan"
}

// Skills shape — exported as `s`
// Each category holds an array of skill entries
{
  frontend: [ { name: string, level: string, desc: string }, /* ... */ ],
  backend:  [ { name: string, level: string, desc: string }, /* ... */ ],
  tooling:  [ { name: string, level: string, desc: string }, /* ... */ ],
}

// Article shape — exported as `a`
{
  id: string,       // Unique identifier, e.g. "art-1"
  chapter: string,  // Zero-padded chapter number, e.g. "01"
  title: string,
  type: string,     // "REFLECTION" | "TECHNICAL" | "BUG REPORT"
  date: string,     // e.g. "Oct 2025"
  excerpt: string,
}

// CaseStudy shape — exported as `c`
{
  id: string,
  title: string,
  boss: string,      // Antagonist / legacy system, e.g. "The Legacy Monolith"
  problem: string,   // Context and pain points
  strategy: string,  // Approach taken
  combos: [],        // string[] — specific techniques used
  victory: string,   // Measurable outcome
  bonus: string,     // Next steps / follow-on work
}

// GuestEntry shape — exported as `g`
{
  initials: string,  // Exactly 3 uppercase characters, e.g. "AAA"
  score: number,     // Numeric score (higher = better)
  message: string,   // Short message displayed next to the score
}

import { p as Rc, s as Tl, a as zc, c as Ic, g as Oc } from "../data/mockData.js";

// data/mockData.js — add to the projects array (exported as `p`)
{
  id: "proj-5",
  title: "RetroRadar",
  genre: "SvelteKit / D3",
  players: "Solo",
  year: "2025",
  description: "An animated data dashboard for visualising open-source project activity.",
  color: "cyan"
}

// data/mockData.js — add to the case studies array (exported as `c`)
{
  id: "cs-2",
  title: "Operation: Zero Downtime",
  boss: "The Deployment Kraken",
  problem: "A manual FTP deployment process that caused 30-minute outages on every release.",
  strategy: "Incremental CI/CD pipeline introduction alongside the existing process.",
  combos: [
    "GitHub Actions workflow setup",
    "Blue-green deployment strategy",
    "Automated smoke test suite"
  ],
  victory: "Deployment time reduced from 30 minutes to 4 minutes. Zero downtime on all releases since adoption.",
  bonus: "Next step: canary releases for high-risk feature flags."
}