a draging images react webpage
Budget: $30 – $250 USD
I want to build a webpage for users to edit and design an image with provided images.
let's say in this example, here will be 4 shapes, like shown in attachment. The image for each shape will be provided by us.
I need code written in ReactJS to do the following:
- Allow users to drag elements from the library on the right onto the area on the left
- When dragged on the left, the elements must clip to the bottom line like shown above
- The elements can be dragged horizontally
- When an element is dragged, push the other elements to make space for the element that’s being dragged
- Elements should touch each other, leaving no space in between and no overlapping
let's say in this example, here will be 4 shapes, like shown in attachment. The image for each shape will be provided by us.
I need code written in ReactJS to do the following:
- Allow users to drag elements from the library on the right onto the area on the left
- When dragged on the left, the elements must clip to the bottom line like shown above
- The elements can be dragged horizontally
- When an element is dragged, push the other elements to make space for the element that’s being dragged
- Elements should touch each other, leaving no space in between and no overlapping