Drag drop and JSON processing components

I need a frontend developer who will assist developing the below Screens:

Screen 1:
Create a React component that contains a list of items on the left side. This list of items should be populated from an array of JSON objects. Name in the JSON object will be displayed on the item.
Create a Droppable Area on the right side of the component. The Droppable areas need to be represented by an empty array.
Upon dropping an item into the droppable area that item needs to be added there and the corresponding array updated.
We should be able to remove the other item from the droppable area.
The dropped items should be connectable using multiple connectors.
These changes needs to be updated into JSON data with appropriate format/schema in the redux store.
Use library https://shopify.github.io/draggable/examples/ for drag drop functionality.

Screen 2:
Create a component where the items added in above component can be viewed in Readonly mode.

Data needs to be maintained in the Redux store and updated by use of actions.
Components, Actions and Reducers need to be defined in separate files.
Write Test cases using Jest to test important scenarios.
Project needs to be created using Vite, not using “Create React App”.