Dynamic Form Builder (React + Redux Toolkit + TS + MUI + Vite)

Three routes:

• /create – build a form (left: fields, right: configuration, bottom: save)
• /preview – live preview with validations & derived fields
• /myforms – list saved forms from localStorage

Run locally

pnpm i    # or npm i / yarn
pnpm dev  # or npm run dev

Types

See src/types.ts for FieldType, ValidationRule, DerivedFieldConfig, FieldSchema, FormSchema.

Derived fields

• Select one or more parent fields, then write an expression using their IDs as variables.
• Example (age from dob date field):
  Math.floor((Date.now() - new Date(dob).getTime())/31557600000)

Note: A small guarded evaluator is used; dangerous globals/keywords are blocked.