/Dynamic-Form

Primary LanguageJavaScript

Dynamic Form Generated Using Form Data In JSON Format.

Tech Stack Used:-

1.React

Javascript library React used for Frontend.

2.Material UI

Material UI is an open-source, front-end framework for React components for faster and easier web development.

JSON File - (in public folder)

A JSON file which contains form fields names,types,etc. which would be added to form dynamically. The fields sholud have type names.

Currently following type names are allowed:-

text, email, password, date, int, multi-line-text, multi-select, single-select, float, toggle, amount, switch
To add more types, code has to modified accordingly.

Run Project Locally:-

In the project directory,

npm install

Install all project dependencies.
You can check project dependencies in 'package.json' file.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Change Form Fields

Edit 'formElements.json' file in public folder.

Regex File Validation -(src/assets/regexHelper.js)

Currently following fields are validated using regex:- name, email, password, url *-> Pass anyone regex-function name in json form element to validate.