All Projects
LiveWeb App

HVAC AHU Configurator

A system-level HVAC configurator that builds an air handling unit section by section — filters, cooling and heating coils, fans and accessories — calculating total pressure drop, coil capacities, fan brake horsepower and unit dimensions as components are toggled, with an SVG cross-section that updates live. A demonstration of configurator logic at equipment level; the calculations are illustrative, not certified selection software.

Screenshots

MixFltCoolHeatFanAttenΔp 3.45 in.wg5,000 CFM | 12.5 Tons | 8.2 BHP

Key Highlights

  • 8-section AHU with toggle-able components
  • Live pressure-drop and capacity calculations
  • Interactive SVG cross-section schematic
  • Fan selection with BHP and efficiency analysis
  • Engineering warnings for out-of-range conditions

Tech Stack

React 19TypeScriptNext.jsSVGTailwind CSS

Tags

ReactTypeScriptHVACConfiguratorEngineering

Related Projects

Interactive DemoLiveWeb App

Container Configurator

Interactive 3D container configurator with real-time dimension controls, material selection and live preview.

ReactTypeScriptThree.js3D
Interactive DemoLiveWeb App

Web CAD Viewer

Browser-based 3D CAD viewer with wireframe mode, exploded view, cross-section slider and view presets.

Three.jsWebGLReact Three FiberCAD
Interactive DemoLiveWeb App

Door Industry Configurator

Interactive 3D door configurator with panel styles, materials, glass options, hardware choices and live engineering specifications.

ReactTypeScriptThree.js3D