fetch call to External API does not work. Need help in displaying the API response in Shopify page

Technical Q&A
,
1

Hi Everyone, I am trying to achieve the following but no luck.

  1. Create a button in header.liquid such that when we click on it,the file selector gets triggered and when the file is selected,an external API call has to be triggered such that the image is passed as an input and the JSON response obtained.
    ==> Created the button and when image is selected. The API call works intermittently
  2. Once the new page is opened, the response is parsed and the product_image is displayed as cards in the new page.
    ==> I’ve created a new page (page.custome_products.liquid). Need some guidance on how to parse the response and display the products in the response as a collection in the new page.

==> My external API is hosted in AWS Lambda.Do we need Shopify App proxies to trigger an external API call?

I am using the DAWN theme. Requesting guidance so that I can proceed further