Form Builder - Learning Drag-and-Drop
Wednesday, June 15, 2022
06/15/2022

I made a form builder!

It's a drag-and-drop form builder application and supports basic form elements. The grid style layout and snapping means it's easy to build a form that looks nice. Form elements use Bootstrap 4. All of the JavaScript for adding, removing, dragging, and dropping form elements is plain JavaScript, no jQuery here. 

I avoided using jQuery's draggable() method because I wanted to learn how drag-and-drop worked with plain JavaScript. I had a lot of fun building this little form builder application. Check out the application here or the source code here