D-TECT Web Viewer — WPF → Web

Problem Statement

The legacy WPF image viewer and annotation editor was Windows-only, hard to distribute, and blocked non-Windows inspectors from using the platform. The client wanted a full web replacement accessible from any device.

My Role

Tech Lead — system design, imaging pipeline architecture, AI integration, and cross-functional team leadership.

Architecture

• Angular frontend with component-driven canvas interactions
• .NET WebAssembly for CPU-intensive image processing directly in the browser
• OpenCVSharp and ImageSharp for image manipulation, annotation rendering, and format conversion
• BotSharp for an in-app conversational assistant surfacing inspection guidance and contextual help

Key Decisions

• Used WASM to run imaging algorithms client-side, avoiding round-trips for interactive edits
• BotSharp integration kept the AI layer pluggable; the model can be swapped without changing the Angular surface
• Progressive enhancement: core viewing works without WASM loaded; advanced editing activates once the module bootstraps

Tech Stack

Angular · WebAssembly · BotSharp · OpenCVSharp · ImageSharp · .NET