App Builder (Frontend Assessment)

Frameworks & Libraries

• React + Redux
• React dnd
• Material UI

Features

• Drag and drop elements
  • From Editor Picker to the Canvas Area
  • Drag components around the canvas
  • To remove the element drag the element to the trash icon
• Search elements in the Editor Picker
• On refresh persisted state of the elements position
• User interface as mentioned in the Adobe snapshot

Get Started

Say what the step will be

git clone https://github.com/Rajni2002/zenskar.dnd.git

then

cd zenskar.dnd

according to your choice of package manager

npm install

or

yarn install

then

npm run dev

or

yarn run dev

App will be Live on http://localhost:5173/