React JS 3 pages App with Table and Dynamic Forms

React JS Frontend development with API integration. No API development included in the project. API or JSON mockup data will be provided.

It should be created a standalone app with 3 views:
• Login View - (no authentication or validation). A page with a button to take us to the Table view is enough;
• Table View – a page with a table, based on the material table, that will present all the processes;
• Process Detailed view – a page with multiple tabs and on each tab a form;
• Create process view – almost equal to the Process detailed View. Will not be waiting from server data since it is to create a new process.


Detail information on each View:
•Login
- No special information, just a button, since it is not included in the scope the integration with authentication system;

•Table View
- On first table load, should fetch API for columns and data
- Dynamic columns. Columns to be presented will be sent by then API (JSON response).
- API will provide data (JSON response)
- A column with the delete icon should be presented at the end (https://mui.com/components/material-icons/);
- Component preference to be used: https://material-table.com/#/
- Every time the user click on the row, it will be sent to the Detailed Process View, something like, /process/:processID

•Detailed Process View
- The Detailed Process View, could be
- Tabs preferred component: https://mui.com/components/tabs/#main-content Another alternative can be proposed;
- These will be approx 19 dynamic tabs. By dynamic, meaning that can be or not presented. It depends on the JSON response;
- Inside the tabs a dynamic form should be presented. JSON response will have the for structure and the form data.
- Dynamic Form preferred component: https://react-jsonschema-form.readthedocs.io/en/latest/
- A form should be presented by tab;
- in each form a save button should be available.