Bio-Dynamics: Microbiome Sandbox
Full-body 3D microbiome simulator—rotate the body, zoom into tissue, run blog-backed probiotic scenarios.
labs/microbiome-sandbox
Labs
Standalone simulations you can poke at — deeper than article companions, built for exploration.
Article companions
Static builds hosted on Cloudflare Pages — open a demo, then read the post for context.
Angular Web Audio Visualizer
Article: Creating Dynamic Music Visualizations with Angular and the Web Audio API
Dynamic music visualizations with Angular and the Web Audio API.
examples/angular-web-audio-visualizer
Web Workers & OffscreenCanvas
Article: Optimizing Angular Applications with Web Workers and OffscreenCanvas
Offload canvas rendering from the Angular main thread.
examples/angular-web-workers-offscreencanvas
Rust WASM Performance Demo
Article: Building High-Performance Web Applications Leveraging WebAssembly and Rust
Compare JavaScript vs WebAssembly for CPU-heavy loops.
examples/rust-wasm-performance-demo
Micro Frontends (Qwik + Angular + React)
Article: Micro Frontends: Working Example
Qwik shell hosting Angular and React micro frontends.
examples/qwik-angular-react-rust
Stencil Web Components in Angular
Article: Implementing Custom Web Components in Angular with Stencil.js
Custom element built with Stencil, consumed in Angular.
examples/angular-stencil-web-components
Angular Dynamic Form Debugging
Article: Debugging Angular: A Tale of Two Developers
Reactive form debugging patterns in Angular.
examples/angular-dynamic-form-debugging
Angular Patterns & DI
Article: Design Patterns in Angular: Enhancing Code Quality and Maintainability
Design patterns, providers, and injection tokens.
examples/angular-patterns-and-di
Angular Shared Library Workspace
Article: Reusable Shared Module in Angular
Reusable UI library consumed by a demo app.
examples/angular-shared-library-workspace
React Recoil Advanced State
Article: Advanced State Management in React with Recoil
Atoms, selectors, and async queries with Recoil.
examples/react-recoil-advanced-state
Bootstrap to Tailwind Migration
Article: Migrate CSS Bootstrap to Tailwind
Side-by-side before/after styling comparison.
examples/bootstrap-to-tailwind-migration
GraphQL with Angular & Apollo
Article: Integrating GraphQL with Angular: A Practical Guide
Angular CRUD via Apollo query and mutate — in-browser GraphQL mock for the live demo.
examples/angular-graphql-apollo
Real-Time Frontend Patterns
Article: Real-Time Data in Frontend Applications
WebSocket vs SSE side by side — simulated transports for the live demo.
examples/realtime-frontend-patterns
Chaos Resilience Lab
Articles: Overview · Frontend chaos · Backend chaos
Inject payment faults and compare fragile vs resilient checkout side by side.
examples/chaos-resilience-lab
Clone-only companions
Firebase, API servers, native Linux tooling, or notebooks — not yet runnable as static browser demos.
Real-Time Collaborative Editor
Angular editor using Firebase, Firestore, and WebRTC signaling ideas.
From: Building a Real-Time Collaborative Editor with Angular, Firebase, and WebRTC
REST to GraphQL Migration
Express API showing REST and GraphQL side by side with an Angular client.
From: Migrating from REST to GraphQL: A Step-by-Step Guide for Express.js and Angular
Custom Angular Schematics
Angular schematics for repeatable code generation.
From: Building Custom Angular Schematics: Automating Code Generation
Advanced TypeScript Types
Mapped, conditional, recursive, and utility type examples.
Jupyter Blog Starter
Python and Jupyter starter for notebook-driven technical analysis.
Latency Lens
Rust TUI that reads Linux PSI and explains desktop stutter from kernel pressure signals.
Modern Auth for Angular
BFF session cookies, CSRF, auth interceptor, and role guards — no JWTs in localStorage.
Angular CSP Scanner
CLI scanner for Angular CSP footguns plus nginx/Apache/Cloudflare header samples.