Ability to add a background color by either specifying the hex code or picking the color from color picker.

Please use <ChromePicker /> from https://casesandberg.github.io/react-color/ as color picker.

I need a button which says Download by clicking on it user can download current SVG canvas from the browser as a PNG.

My best guess to solve this problem will be converting the current SVG canvas to base64 and then download it as a PNG.

We have to add the ability to height elements on click. The solution will be universal and should be applicable to any element despite the element type.

We need a toolbar component which takes the selected element and according to its type output tools which we can use to edit the selected component.

Initial we only need tools for text component.

I want to create a new Home Page route where the user can enter width and height and have a button which says Create.

Once clicked on that button redirect page to our editing area and set the SVG canvas width and height to what user entered.

Whenever a new element is added automatically set it as the active element.

We need the ability to resize images by either entering dimension in text box

We need this so we can reference SVG text element while editing.

We need to show rectangles on the side of selected border of the active element.

The selected text element border does not grow according to text length when text is edited.

I want to move this mapped array to its own component which will be named ElementList.