Bio-Dynamics: Microbiome Sandbox
Deterministic Microbiome Simulation Without Overclaiming the Science
Full-body 3D microbiome simulator—rotate the body, zoom into tissue, run blog-backed probiotic scenarios.
labs/microbiome-sandboxPlayground
Live companion demos and interactive labs for omid.dev articles — open a working example in the browser, then read the post for the full walkthrough.
Source lives in example-projects.
- Labs
- 1
- Companions
- 14
- Clone-only
- 8
Labs
Standalone simulations you can poke at — deeper than article companions, built for exploration.
Article companions
Static builds hosted on playground.omid.dev — open a demo, then read the post for context.
Angular Web Audio Visualizer
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-visualizerWeb Workers & OffscreenCanvas
Optimizing Angular Applications with Web Workers and OffscreenCanvas
Offload canvas rendering from the Angular main thread.
examples/angular-web-workers-offscreencanvasRust WASM Performance Demo
Building High-Performance Web Applications Leveraging WebAssembly and Rust
Compare JavaScript vs WebAssembly for CPU-heavy loops.
examples/rust-wasm-performance-demoMicro Frontends (Qwik + Angular + React)
Micro Frontends: Working Example
Qwik shell hosting Angular and React micro frontends.
examples/qwik-angular-react-rustStencil Web Components in Angular
Implementing Custom Web Components in Angular with Stencil.js
Custom element built with Stencil, consumed in Angular.
examples/angular-stencil-web-componentsAngular Dynamic Form Debugging
Debugging Angular: A Tale of Two Developers
Reactive form debugging patterns in Angular.
examples/angular-dynamic-form-debuggingAngular Patterns & DI
Design Patterns in Angular: Enhancing Code Quality and Maintainability
Design patterns, providers, and injection tokens.
examples/angular-patterns-and-diAngular Shared Library Workspace
Reusable Shared Module in Angular
Reusable UI library consumed by a demo app.
examples/angular-shared-library-workspaceReact Recoil Advanced State
Advanced State Management in React with Recoil
Atoms, selectors, and async queries with Recoil.
examples/react-recoil-advanced-stateBootstrap to Tailwind Migration
Migrate CSS Bootstrap to Tailwind
Side-by-side before/after styling comparison.
examples/bootstrap-to-tailwind-migrationGraphQL with Angular & Apollo
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-apolloReal-Time Frontend Patterns
Real-Time Data in Frontend Applications
WebSocket vs SSE side by side — simulated transports for the live demo.
examples/realtime-frontend-patternsChaos Resilience Lab
Chaos Engineering: Principles and Practice
Inject payment faults and compare fragile vs resilient checkout side by side.
examples/chaos-resilience-labAngular Router Resources
Angular Router Resources: Route Data as a Graph
Trip Desk demo: waterfall resolvers vs parallel blocking Router Resources vs non-blocking Resource inputs.
examples/angular-router-resourcesClone-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.
REST to GraphQL Migration
Express API showing REST and GraphQL side by side with an Angular client.
Custom Angular Schematics
Angular schematics for repeatable 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.
