The front end should handle two API endpoints:
1. For getting some data and displaying in the webpage.
2. Parse some data from #1 and send another request to API to get another set of data.
The front end will have 3 form fields from where the user will input their data which will call the API endpoints in the backend.
The parsed data should be displayed in the form of a table (consisting of two columns - image attached for more clarity).
Also the parsed data should be session specific so that, if the user refreshes the web page, the data displayed in the table shouldn't vanish.
Each time a user clicks GET button, a new row should be created with the parsed data.
Endpoint 2 should be refreshed every few seconds in the backend until the response STATUS_OK:CODE(data) is shown and then this CODE(data) should be displayed on the column two.
Beside each row I need a button to delete that particular row by user input, which when a user clicks should delete that row and make some space for new rows(so that the page doesn't keep growing indefinitely) and if the user doesn't click the delete(x) button then auto-delete in 600 seconds.