Live Demos

Interactive mini-applications showcasing the core concepts behind my production systems. All run client-side in your browser — no backend required.

These are simplified, simulated versions of concepts from the private IDP System (44 services, 30 API routers). DocExtract runs real Tesseract.js OCR in your browser. The other demos use mock data and pre-computed results to illustrate how the production system's architecture works. Each demo notes what is real vs simulated.

DocExtract

Client-side document extraction. Upload an image, OCR it with Tesseract.js, and extract structured fields using a schema you define. Compare OCR modes: vision, OCR-only, and hybrid.

Tesseract.js OCR Document AI Client-side

BatchViz

Interactive visualization of a 14-step document processing pipeline. Watch documents flow through extraction, validation, HITL review, and approval stages with live metrics.

React Framer Motion Pipeline Visualization

SchemaForge

Interactive schema builder. Drag-and-drop fields, define types and validation rules, then see how the schema applies to a sample document in real-time.

React dnd-kit Schema Design Validation

PromptLab

Side-by-side prompt comparison tool. Enter two prompts, pick a model, and see results scored side-by-side. Demonstrates prompt engineering and A/B testing methodology.

React Prompt Engineering A/B Testing

RAG Mini

Simple RAG Q&A pipeline. Ask questions about sample documents and see how chunks are retrieved and answers are generated.

React RAG Embeddings Vector Search