diff --git a/js/script.js b/js/script.js
index e69de29..eb7eab1 100644
--- a/js/script.js
+++ b/js/script.js
@@ -0,0 +1,17 @@
+jQuery(document).ready(() => {
+    jQuery("#submit").click(() => {
+        const text = jQuery("#text").val();
+        console.log("Sending:", text)
+        fetch(OC.generateUrl('/apps/upschooling/echo'), {
+            method: 'POST',
+            body: text,
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+                'requesttoken': oc_requesttoken,
+            },
+        }).then(async (res) => {
+            console.log(res);
+            jQuery("#response").val(await res.text());
+        }).catch(console.error)
+    });
+});
diff --git a/lib/Controller/PageController.php b/lib/Controller/PageController.php
index df618b9..4cd7215 100644
--- a/lib/Controller/PageController.php
+++ b/lib/Controller/PageController.php
@@ -1,6 +1,7 @@
 <?php
 namespace OCA\UPschooling\Controller;
 
+use OCP\AppFramework\Http\TextPlainResponse;
 use OCP\IRequest;
 use OCP\AppFramework\Http\TemplateResponse;
 use OCP\AppFramework\Http\DataResponse;
@@ -28,4 +29,8 @@ class PageController extends Controller {
 		return new TemplateResponse('upschooling', 'index');  // templates/index.php
 	}
 
+	public function doEcho() {
+	    return new DataResponse($_POST);
+	}
+
 }
diff --git a/templates/content/index.php b/templates/content/index.php
index 159202e..e1566e6 100644
--- a/templates/content/index.php
+++ b/templates/content/index.php
@@ -1 +1,11 @@
 <h1>Hello world</h1>
+
+<hr>
+
+<label for="text">Text to Send:</label><input type="text" id="text">
+<button id="submit">Submit</button>
+
+<hr>
+
+<label for="response">Response:</label>
+<textarea id="response"></textarea>