/popup-builder

Primary LanguageVueMIT LicenseMIT

popup-vue

This a simple web popup builder built with Vue.

Implementation

The app features a main form-builder, with elements and a blank form section. Elements are in a list and each element in the list can be added to the form by clicking on it or by dragging it into the form area. At any point the user can preview the form to view progress or what the end result will be. This builder can be extended to support more types of form elements .

Main features

  • adding elements to form (draggable elements)
  • removing an element from the form
  • saving form
  • persist form data between reloads/sessions

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint