This Website: Portfolio Platform

What this site demonstrates

• Editorial design system

  Warm paper palette, Swiss red accent, IBM Plex typography, and consistent case-study layouts across project pages.

• Interactive project demos

  Embedded governance portal, architecture standards hub, recession radar dashboard, credit decision demo, and links to external Dash/Streamlit apps.

• Static-first deployment

  Next.js static export with trailing slashes, compatible with IONOS and FTP deployment without requiring server-side runtime.

• Content architecture

  Centralized project configuration, reusable case-study templates, carousel previews, and structured metadata for SEO.

Technical stack

Frontend

Next.js 16 App Router, React 19, TypeScript, Tailwind CSS 4, Radix UI, Framer Motion.

Data visualization

Recharts, D3, Plotly Dash (MDQA), and Streamlit (GeoRisk) for domain-specific dashboards.

Content & docs

react-markdown, Mermaid diagrams, governance documents as structured TypeScript data.

Deployment

Static export to IONOS; standalone apps deployed separately on Railway/Render.

Repository structure

• app/: Main Next.js portfolio site with routed project case studies and embedded demos.
• apps/: Standalone applications (governance portal, recession radar, MDQA dashboard, georisk platform).
• components/case-study/: Reusable editorial case-study layout shared across project pages.
• lib/projectConfig.ts: Central registry for project images, carousels, and metadata.

Project screenshots

Captured from the live site.

Building a portfolio or demo hub?

I can help design and implement a static-friendly site that showcases technical work without over-engineering infrastructure.