diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b534314
--- /dev/null
+++ b/index.html
@@ -0,0 +1,5 @@
+<script src="/scripts/main.js"></script>
+
+<button type="button" onclick="loadProducts()">Load Products</button>
+
+<p id="demo"></p>
\ No newline at end of file
diff --git a/scripts/main.js b/scripts/main.js
new file mode 100644
index 0000000..dcf0000
--- /dev/null
+++ b/scripts/main.js
@@ -0,0 +1,16 @@
+async function makeAPIRequest(request) {
+    try {
+        const response = await fetch(request);
+        const result = await response.json();
+        return result
+      } catch (error) {
+        console.error("Error:", error);
+      }
+}
+
+async function loadProducts() {
+    const loadProductRequest = new Request("http://127.0.0.1:8000/products")
+    const result = await makeAPIRequest(loadProductRequest)
+    console.log(result)
+  }
+  
\ No newline at end of file