CodeB-logo
+91 (913)-759-5718
We are available 24* 7
+1 (813)-733-5061
We are available 24* 7
selecImg

FormBuilder Case Study

Form Builder, as the name suggests, was developed to dynamically create various web forms. "Dynamically" means that the elements/components in forms, such as textboxes, dropdowns, radio buttons, date selector calendars, file upload components, etc., can be easily used by dragging and dropping them to create forms. This simplifies and saves time in the creation and updating of forms.

Technology Stack

Node JS

Node JS

Nest JS

Nest JS

React JS

React JS

Mongo DB

Mongo DB

AWS S3

AWS S3

The Client

ePlannerPro is a cloud-based meeting scheduling management platform that was established in 2010. The platform caters to both companies and third party event agencies, providing them with a conven ient way to schedule client engagements such as side meetings, demos, booth tours, and receptions at B2B trade shows and conferences.

 screenshots

The Problem

clientLogo

 The ePlannerPro platform included a formbuilder tool built with old technologies. However, this formbuilder had certain limitations in terms of functionality and was challenging for end-users to comprehend. Moreover, it lacked flexibility to accommodate new form types, as updating the underlying code without disrupting other functionalities proved to be a daunting task for developers.

The Solution

clientLogo

To address the limitations of the previous form builder, we created an updated version using open source technologies like ReactJs and NestJs. This approach allowed us to improve the flexibility of the tool and create a more user-friendly and intuitive interface. With the new formbuilder, users can easily design dynamic forms by simply dragging and dropping components to arrange the form as desired.

compoent

Modules

Form Listing

Form Builder

Form Settings

Form Preview with pop up/modal

Form Preview in new tab

Authentication

Architecture

architecture