I need a simple web based UI (using any front end scripting language of your choice like JavaScript, AngularJS etc.) to write Pros and Cons of any issue in two columns. The user experience should be similar to that of writing pros and cons on a paper. I need following features:
1. At the top user should be able to add a subject. Ex: Should stay in EU or not?
2. Both Pros and Cons columns should have title in which user can enter the title of the column. Ex: Leave EU vs Stay EU
3. Auto increment of sequence numbers in each list
4. Each new point starts on the same row in both the columns
5. Ability to drag and rearrange the order of the points. Corresponding point in other column too should get rearranged. Ex: If a Pros point number 2 is dragged and moved to point 1, corresponding point 2 in Cons too should move to number 1.
6. Ability to break point connection between the pros and cons points in same row i.e. dragging one point will not rearrange the corresponding point in another column.
7. Ability to allow third and more column with all of the above features. Ex: Vegetarian vs Non Vegetarian vs Vegan.
I need a well written, maintainable code. You will need to give me brief overview of the code (I am a developer myself).
This should not be a big ask for someone experienced. I expect a quick demo/screenshots with the bid.
Let me know if you have any questions.