I'm looking for a React developer
Budget: $15 – $25 USD
React JS Case Study
Here is the current situation - we have vendors and applications as tabs on a screen
CASE STUDY - The job is to combine the two tabs (vendors and applications) Into a single screen as follows:
Solution should cover the Following aspects:
All the applications for a single vendor are shown as a leaf. Its is essentially a table within a table design
The design needs to created as a React component so that it can used other similar use cases with one-many hierarchy in the future
The choice to create it as Class based React component or Function based React component is left to you as long as you can explain the rationale behind your decision with pros & cons
The component should have following capabilities:
Hierarchical inline save capability
This hierarchical table view should have an inline editing capability where one or more columns will allowed to edit within the leaf and save the leaf as a whole (not the complete table)
Edit can be to columns of
a vendor OR
one or more application(s) OR
to both vendor & application(s)
Hierarchical sort capability
Columns should sortable hierarchically, which means vendor columns should sort independent of applications columns
When we sort the application columns sorting should get applied within to applications within that vendor only
Here is the link for the project details.
https://docs.google.com/document/d/1GdVK1D3yQe9Y0MoqRvpmbx82nASWX2QrN57Et8yi3T0/edit#
Here is the current situation - we have vendors and applications as tabs on a screen
CASE STUDY - The job is to combine the two tabs (vendors and applications) Into a single screen as follows:
Solution should cover the Following aspects:
All the applications for a single vendor are shown as a leaf. Its is essentially a table within a table design
The design needs to created as a React component so that it can used other similar use cases with one-many hierarchy in the future
The choice to create it as Class based React component or Function based React component is left to you as long as you can explain the rationale behind your decision with pros & cons
The component should have following capabilities:
Hierarchical inline save capability
This hierarchical table view should have an inline editing capability where one or more columns will allowed to edit within the leaf and save the leaf as a whole (not the complete table)
Edit can be to columns of
a vendor OR
one or more application(s) OR
to both vendor & application(s)
Hierarchical sort capability
Columns should sortable hierarchically, which means vendor columns should sort independent of applications columns
When we sort the application columns sorting should get applied within to applications within that vendor only
Here is the link for the project details.
https://docs.google.com/document/d/1GdVK1D3yQe9Y0MoqRvpmbx82nASWX2QrN57Et8yi3T0/edit#