/Form-Builder-UI

A small Angular project for demonstration purposes

Primary LanguageTypeScriptMIT LicenseMIT

Form Builder UI

JSON-based form builder Angular application. Uses ng-zorro-antd as a UI component library.

Website link

Features

Create a new form or edit one of the pre-built templates in the form builder UI which allows to:

  • Add or remove fields
  • Change field types (short/long text, date, number, checkbox, email, password)
  • Edit the form and field names
  • Edit field placeholders for the input types
  • Mark fields as required
  • Set the number of columns

Standard commands

Install dependencies

Run npm i to fetch node_modules.

Start development server

Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

Testing

  • Run npm test to execute the unit tests via Karma
  • Run npm run e2e to execute the end-to-end tests via Cypress

Code style

Run npm run lint to analyze the code by ESLint