Microsoft Cloud Security Benchmark v2 — Dashboard

A React dashboard that visualizes all Microsoft Cloud Security Benchmark v2 (MCSB v2) security domains and controls, including automation capabilities via KQL queries, Azure Policy, and Defender for Cloud.

Stack

• React 19 + TypeScript + Vite 8
• Tailwind CSS 4
• React Router 7
• Vitest for testing

Getting Started

Docker (recommended)

docker compose up --build -d

Open http://localhost:8080.

# Stop
docker compose down

Local Development

Requires Node 22+.

npm install
npm run dev        # http://localhost:5173
npm run build      # Production build → dist/
npm run test       # Run tests
npm run lint       # Lint

Security Domains (MCSB v2)

Code	Domain
IM	Identity Management
NS	Network Security
DP	Data Protection
AM	Asset Management
LT	Logging & Threat Detection
IR	Incident Response
PV	Posture & Vulnerability Management
ES	Endpoint Security
BR	Backup & Recovery
DS	DevOps Security
GS	Governance & Strategy
AI	AI Security

Project Structure

src/
  components/    # Reusable UI components
  data/          # Mock data (JSON) and data utilities
  pages/         # Route pages (Dashboard, DomainDetail, Search)
  types/         # TypeScript interfaces
  utils/         # Helper functions
  __tests__/     # Vitest tests