Create mapping functionality from API response (Javascript/JQUERY)
Budget: $250 – $750 USD
PLEASE READ CAREFULLY BEFORE POSTING A COMMENT!
Create functionality so that content from an api response can be mapped by the user. The function should work simply and clearly through a few clicks.
We have an application where we can set up an API connection to an external party. Now we want a functionality on the frontend (user dashboard) where the user can easily use the result of an api response to process/map the fields with the existing fields in the application.
The function should have 2 tabs for the user to choose from.
- Code
- Virtual mapping
Code folders:
In code mapping, the user can use standard javascript to process the api response through script. As you can also do in POSTMAN if you click on the TEST tab. This is for advanced users.
Virtual mapping:
Users can create a new rule here. Each line starts with selecting the field from the response. The type of the field determines the options you can have, eg Per item in JSON array if it is an Array. Or copy if it is a text or numeric type. Finally, you choose to which field this should be mapped / forwarded.
Note: you must also be able to switch between code or virtual maps. if you create a rule in virtual, you can also see this reflected in code. And vice versa.
Given:
- Application contains fields that can be mapped to. These fields are not always the same and can be different every time, but we can agree on which variable you can call to bring the variables into the function.
- API response can contain all types of response, e.g. JSON, XML, CSV, SOAP, RESTFULL, GraphQL. The function should recognize the response type automatically.
- Function can map code as well as virtual map
- the function must be written in Javascript/Jquery so that we can use it in the frontend.
- The actual execution of the mappings will take place on a different level and is not part of this project, so this is only about helping the user to make the mapping.
Create functionality so that content from an api response can be mapped by the user. The function should work simply and clearly through a few clicks.
We have an application where we can set up an API connection to an external party. Now we want a functionality on the frontend (user dashboard) where the user can easily use the result of an api response to process/map the fields with the existing fields in the application.
The function should have 2 tabs for the user to choose from.
- Code
- Virtual mapping
Code folders:
In code mapping, the user can use standard javascript to process the api response through script. As you can also do in POSTMAN if you click on the TEST tab. This is for advanced users.
Virtual mapping:
Users can create a new rule here. Each line starts with selecting the field from the response. The type of the field determines the options you can have, eg Per item in JSON array if it is an Array. Or copy if it is a text or numeric type. Finally, you choose to which field this should be mapped / forwarded.
Note: you must also be able to switch between code or virtual maps. if you create a rule in virtual, you can also see this reflected in code. And vice versa.
Given:
- Application contains fields that can be mapped to. These fields are not always the same and can be different every time, but we can agree on which variable you can call to bring the variables into the function.
- API response can contain all types of response, e.g. JSON, XML, CSV, SOAP, RESTFULL, GraphQL. The function should recognize the response type automatically.
- Function can map code as well as virtual map
- the function must be written in Javascript/Jquery so that we can use it in the frontend.
- The actual execution of the mappings will take place on a different level and is not part of this project, so this is only about helping the user to make the mapping.