There is an existing application called Employee Application on react js, which is attached here.
Need improvements on it.
Need following features:
1. On the List view of employees:
a. One more bar above Column headers, with suitable colour (position shown by red rectangle at image1 attached). its purpose is to provide more options.
b. Configure List View option on the option bar created at point 1.a. On right most side of option bar, need a new icon, should be a small wheel icon. Once we click on wheel icon, show a pop up like image3 attached.
popup should show multi-select as shown in image3. Once the user selects fields in selected, and clicks on ok, the ui should show those many columns. eg: If user selects name and address, then show name and address with columns equally sized. Assume the columns name will be available as part of axios service call (json as response)
c. Search option as shown in image2 attached on the option bar created at point 1.a . The dropdown should have all column name, need to populate it by service or some variable that has that information
d. Columns needs to be resizable
e. Inline editing of fields: If it is a text box, then editable text, if it is drop down, editable drop down.
2. If latest React Js version is used, no issues, but all existing features of attached employee application need to work as is.
The attached reactjs application works on react js 16.8.4. node js I have used: 14.10.0