Web development is usually confined to the browser. But what happens when you connect a web app to a physical robot?

I recently built a Smart 360° Navigation System, and I wanted to share the architecture of how I bridged the gap between a web-based virtual tour and physical IoT hardware.

To create the immersive experience, I used Panolens.js (built on top of Three.js). It allowed me to stitch together 360° images into a seamless virtual tour of a campus.

Users can look around, click on hotspots, and navigate through the digital space. But I didn't want to stop there.

I integrated the web app with a physical IoT robotic guide.