JSI Form Builder

As an intern front-end web developer, I worked on a project to design and develop the user interface for a form-builder website using Vue JS 2. The client requested that the website have a drag-and-drop feature for creating the form.

Starting by identifying user problems and needs through qualitative research using the human-centered design method, I collected sufficient data to design the user interface in Figma. And then, the development is done with the use of open source code obtained from https://github.com/jmeei/vue-formbuilder with modifications to make the CRUD functions work.

Then I conducted testing with Postman to test requests for API data. And in the end, I successfully conducted usability testing with the System Usability Scale with an average score of 77,67 and was included in the ‘good’ category with an acceptability range of ‘acceptable.