Assignment

This project is used React, typescript and matarial ui design.

Installation

`npm install`

For npm package install purpose

`npm start`

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

`Project structure`

All component is stored in components folder
A generic routing table will generate route list which stored in AppRouting.module.tsx file
Shared folder will store shareable component.
Manager folder store all Service manager related file.
All enums stored in enum folder
Feature folder store every module feature
Store is using for redux state management purpose.
Core folder is representing utility functionality.

`Progress bar`

In the top of the page I have added a progress bar. this progress bar will update according to form value update.

Tooltip

Tooltip messsage will be show according to field description value.

`Database.json.txt`

Database json file stored in database folder, so if you want to add any other field then please add formConfig.txs file.

I have added required attribute so if you want to set any field as a required than can easily do it by below example.

{
      "type": "email",
      "id": 4,
      "name": "Email",
      "required": true,
      "description": "The customers primary contact email address"
},

Csv file download

After fillup form value press the submit button it will generate a submission.csv file for you.

fkshohag/dynamic-form-with-react