Live Demos

Interactive visualizations powered by real homelab data. Showcasing React, SolidJS, D3.js, Three.js, and modern web technologies.

ReactSolidJSNext.jsThree.jsD3.jsFramer MotionTanStack Query

● Live

Cluster Overview

Real-time view of the K8s cluster with animated stat cards showing node health, pod distribution, and resource utilization.

ReactFramer MotionLive Data

● Live

CI Pipeline

Horizontal timeline visualization of GitLab CI/CD pipelines with stage-by-stage progress and job status indicators.

ReactGitLab CIReal-time

● Live

Model Gallery

Interactive gallery of running AI/ML models with specs, status indicators, and performance metrics.

ReactLLMInference

◐ Demo

FlexDeck Dashboard

Full-featured SolidJS dashboard with 3D HoloDeck visualization, force-directed topology graphs, and particle-animated CI pipelines.

SolidJSThree.jsD3.js

Why Two Frameworks?

This portfolio showcases proficiency in multiple reactive paradigms. SolidJS powers the high-performance internal dashboard (FlexDeck), while React/Next.js drives this public-facing site with SEO and static generation benefits.

Solid

SolidJS - FlexDeck

• Fine-grained reactivity for 60fps animations
• Canvas/WebGL visualizations (Three.js, D3)
• Real-time WebSocket data streams
• No virtual DOM overhead

React

React - This Site

• Server components for SEO
• Static generation for performance
• Rich ecosystem (TanStack Query, Framer)
• Familiar to most reviewers