Building A Canvas Slideshow with React Konva
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.