Drag and drop - expand text into a form

Hi, Its been +10 years since the last time I fiddled around with HTML/PHP, and a lot has changed.

I am working on an application, where I have a long list of exercises that should be grouped into different tests and later on be associated to users.

I have build a form and sql tables to create the exercises but now I want to make a quiz out of them. I was thinking this should be done a drag and drop, where I simply drag the X amount of exercises I want into a div which returns a form where I can elaborate on them.

If this doesn't make much sense then I uploaded an image where I illustrate what I want to build : https://ibb.co/G2JxCkj

I have been looking at different form-builders such as MDB bootstrap form builder and https://github.com/shalotelli/form_builder

I am looking for something similar to this, but instead of doing specific elements to a form, I want to set in a complete form per selected exercise.

How do I go about this the best way? I understand very basic JS/jQuery and I imagine that angular or react can do the job, but I don't know how or what to search for.