Drag-drop nested tree with collapsable form with CodeMirror in Angular 6

Angular 6 Project

We need a workflow tree just as shown in the video demonstration, it should have drag drop nodes in which we can indent other nodes if certain criteria is matched.

Each node in the tree contains a collapsable form, inside which there are dropdowns, text areas and text fields. All of these elements are CodeMirror instances, which need to be the same, as look the same as shown in the video.

Also please note that there is a sequence number, next to each element of the tree, please ensure that you persist that sequence number, even if you change the order of the elements of the tree by dragging and dropping.

Please ensure to create those drag-drop data pills shown in the video exactly as they are, and highlight them as shown in the video.

Functionalities such as delete a node from the tree should be present as stated in the video.

Video Link: [login to view URL]

Please note:

1. Create everything using JSON data structure, and no hardcoded HTML elements in the DOM.

2. The UI Should be exactly the same as shown in the video.

3. I will award bonus if you write very clean and scalable code.

Skills: Angular.js, HTML5, Javascript, JSON

See more: limit access drag drop facility form aspnet, drag drop tree ajax mysql asp rails ruby, wysiwyg javascript form drag drop, react components library, commercial react components, awesome react components, best react components, devarchy react, react components github, react ui framework 2018, react components list, javascript drag drop form designer, javascript drag drop order form update database, java create applet drag drop form post, form outlook mail drag drop, drag drop email windows form, drag drop form edit javascript, php tree drag drop mysql, tree drag drop flash, drag drop email outlook windows form

About the Employer:
( 1 review ) MUMBAI, India

Project ID: #18099667

Awarded to:


Hello,sir I am skillful with web development. I have enough experience with codemirror and angular 6. I can do everything you want. Please let us discuss about your project in detail. I will do my best for your pr More

₹36111 INR in 10 days
(5 Reviews)

6 freelancers are bidding on average ₹25437 for this job


We are ready to [login to view URL] let us know when would you like us to start? Just give us the chance to prove ourselves.......

₹13733 INR in 23 days
(32 Reviews)

Hello! I am a Professional PHP & Full-Stack developer. Angular and javascript is very easy for me. I have read your description in details. As a developer with rich experience, I am confident about your project. More

₹25000 INR in 10 days
(9 Reviews)

Hi, we will summarize all the lectures and will provide you with quality notes. VVV Group is among world’s top entrepreneur business serving millions of customers across Software Designing and Development Like (WEB More

₹27777 INR in 10 days
(2 Reviews)

TechFarm IT Solutions Pvt Ltd is a full service digital and software solutions provider based in Pune, India. Our job is to make people’s idea into reality, be it a Website Development, Complex Business System, or any More

₹22222 INR in 15 days
(0 Reviews)

Hi, I have gone through your project description and I'm interested to work with you. I'm very passionate about my work and give good quality of work to client. I have more than 5+ years of experience in web devel More

₹27777 INR in 10 days
(0 Reviews)