Drag and Drop webapp
I would need to create a frontend that allows a user to drag a limited amount building blocks onto a canvas. For each block, I would need to set some parameters. Anyone has an idea on how to go about it or can point me to a tutorial?
We've used FabricJS in a PowerPoint type of application for one of our enterprise clients and it has been really great! We used it in the context of an AngularJS application (it's about 4 years old now), but I have used it with React in smaller projects as well.
http://fabricjs.com/
I am building something similar for my SaaS application. Already IH have mentioned few options here. I am building it from scratch using sortableJS, handlebarJS and jQuery. It may be old school but solves my purpose. You may also choose react, Vue or angular if you are good at it.
Might want to mention what frontend framework you're using.
Try checking out https://github.com/n8n-io/n8n. It has an implementation of drag and drop editor with support for setting params.
It depends how much code you would want to write yourself but you can achieve this with JavaScript or any kind of JS framework such as React, Vue etc.
Personally I would opt for something like React to manage state/properties of each block etc.
Versoly can do something like this.
This comment was deleted 2 years ago