How to integrate an API call (GET) in a new/custom page in Orchard Core

[itds4]

API Call and Widget Question

I'm building a website using Orchard Core and followed the basic "Getting Started" guide. I created an empty ASP.NET project, so my wwwroot folder is initially empty. During the initial setup, I selected the "Agency" recipe (Ready-to-use company website). Everything went fine until this step. I modified the template to add the information I needed.

I created a new page (ItemsPage), there I need to make an API call to retrieve some data (just a simple GET request). My plan is to display this data in a card-like format, showing the "ItemTitle" and "ItemDescription" (the content should be dynamic and responsive, due to sometimes the GET request will retrieve between 4 to 10 items).

My questions:

1. Is there a way to accomplish this using only the Admin panel of the CMS?

Or do I need to create a separate project and build a web application instead of the "CMS web page" that I already have?

2. The issue with <script> and <style> tags:

Every time I try to use <script> or <style> tags on the "ItemsPage," the editor removes those tags and only saves the HTML with inline styles. Is there a way to bypass this limitation?

3. Widgets and API Calls:

If I can figure out how to attach a widget to this "ItemsPage," will the widget be able to support an API call? Or somebody else know another way to achieve this goal?

Additional Notes:

• I don't have any issues with using code directly, but I’m a bit confused because, in my local project, the wwwroot folder is empty (as I mentioned earlier). This might be because it’s a CMS rather than a web application?
• I created js and css folders inside the wwwroot directory, and they work fine, but I can only use the script and styles by going to "Templates" in the Admin panel and editing the HTML of the main landing page.

[Piedone]

1. You can do this just from the admin, but it'll be complex. Unless you want to avoid writing C# code for some reason, I'd recommend against it. From the admin, you'd use a workflow to periodically fetch the API and save the data (like in content items), then you can retrieve these from Liquid via a SQL Query.
2. You can disable or configure the sanitizer (see docs) that does this, but better is to write such code in Liquid instead: that's for coding, not HtmlBodyPart. And then, use the Liquid tags like here.
3. See point 1 above, but to code this, you'd need to implement a custom content part, and e.g. fetch the API from its driver. The tutorials linked from the docs help you with these. These will also help you understand how to use static resources, and what the wwwroot folders are for.