/form-builder-react

This application is a drag & drop form builder built in React and bundled with Webpack. It allows you to create multi-step forms by adding containers, with each container representing a new step. The elements within the containers are displayed on the UI based on the current step the user is in.

Primary LanguageCSS

Form Builder React (Drag & Drop)

Check out the Live App

About

This application is a drag & drop form builder built in React and bundled with Webpack. It allows you to create multi-step forms by adding containers, with each container representing a new step. The elements within the containers are displayed on the UI based on the current step the user is in.

Key features of the app include:

  • Create a new Template
  • Add Elements to templates by Dragging & Dropping elements to the form area.
  • Sort Elements inside containers by Dragging & Dropping.
  • Click Containers/Elements to edit their properties.
  • Save & Publish changes
  • Preview Changes on how it will look on a mobile phone.

With these capabilities, the drag & drop form builder empowers you to easily create, customize, save, publish, and preview multi-step forms, streamlining the form-building process for your application or website.

Dev Server

This project uses npm version 18.1

Available Scripts

In the project directory, you can run:

npm start