A month ago, I had been working on a feature similar to Google Forms. At that time, I was completely lost. And now! When I tried to implement a drag-and-drop feature that applied a similar methodology. I am able to code it out!
I took reference from the google form function of course, but! but! It was just amazing! I still remember my boss checking it out yesterday and he said it was fucking genius. LOL.
There are slight differences though. The google form one is that the questions are settled, and a id will be assigned to each. We use that id to identify the uniqueness of each question even that they are from the same component, the data will only be modified and updated if the id match. And, when click submit, there will be a function that checks the Jason, and make an axios request when all the required field is filled in.
The drag and drop however, a little bit easier. There are two cases of movements between the columns, which is cross columns and within columns. We slice the data in different ways and update it accordingly.
Anyway! This is important to me! I\’m really happy with what I\’ve been able to accomplish.