Recently, I was tasked with building an application that allowed users to interact with product configurations on an HTML canvas. When using the app, users would be able to: 

• Drag and drop different products on the canvas
• Move and reorder products
• Easily change between the main product images using navigation buttons or by swiping left and right. 

After searching extensively for a code example that could provide a framework for the canvas, I came up with zero results. This meant, of course, that I would need to build the functionality from scratch. It felt like a daunting task. 

read on