diff --git a/app/app.py b/app/app.py
index 1333743eb3816882be5f05679efc8575e0533670..2bd6fad5e4299b859fef14341a9f3ef322277c95 100644
--- a/app/app.py
+++ b/app/app.py
@@ -1,5 +1,8 @@
 from flask import Flask
 from flask import render_template
+from flask import request
+from flask import jsonify
+import requests
 
 app = Flask(__name__)
 
@@ -7,5 +10,22 @@ app = Flask(__name__)
 def home():
     return render_template("index.html")
 
+@app.route('/sendmessage', methods=['POST'])
+def sendmessage():
+    message = request.form['message']
+    print(message)
+    rasa_response = requests.post('http://localhost:5005/webhooks/rest/webhook', json={"message": message})
+
+    responses = []
+    for resp in rasa_response.json():
+        if "text" in resp:
+            responses.append({"type": "text", "content": resp["text"]})
+        if "image" in resp:
+            responses.append({"type": "image", "content": resp["image"]})
+        if "buttons" in resp:
+            responses.append({"type": "buttons", "content": resp["buttons"]})
+        
+        return jsonify(responses)
+
 if __name__ == '__main__':
     app.run(debug=True)
diff --git a/app/static/javascript/frontend.js b/app/static/javascript/frontend.js
new file mode 100644
index 0000000000000000000000000000000000000000..3a11f097f29e0bc15ecb1444fc17eff0765704d9
--- /dev/null
+++ b/app/static/javascript/frontend.js
@@ -0,0 +1,15 @@
+function sendMessage() {
+    message = document.getElementById("inputField").value;
+    message = "message=" + message;
+    fetch("http://localhost:5000/sendmessage", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/x-www-form-urlencoded"
+        },
+        body: message
+    })
+    .then((response) => response.json())
+    .then((json) => {
+        console.log(json[0].content);
+    });
+};
\ No newline at end of file
diff --git a/app/templates/index.html b/app/templates/index.html
index 91f0930d43cf341dd8620a1d19a78e24bb7eb53d..19301a4a250b1bb74af553f5bb4ab50dbeaf0101 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -8,5 +8,10 @@
 
     <body>
         <h1>Welcome to the Space Station Chatbot!</h1>
+        <div>
+            <input type="text" id="inputField" placeholder="Gib etwas ein">
+            <button onclick="sendMessage()">CLICK ME</button>
+        </div>
+        <script src="static/javascript/frontend.js" type="application/javascript"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/rasa/endpoints.yml b/rasa/endpoints.yml
index 1128e1d53e27d2990f85561c5317e8d3df3b6e2a..5f65275b8802fb69860a6083011dab7e70586e66 100644
--- a/rasa/endpoints.yml
+++ b/rasa/endpoints.yml
@@ -10,8 +10,8 @@
 # Server which runs your custom actions.
 # https://rasa.com/docs/rasa/custom-actions
 
-#action_endpoint:
-#  url: "http://localhost:5055/webhook"
+action_endpoint:
+  url: "http://localhost:5055/webhook"
 
 # Tracker store which is used to store the conversations.
 # By default the conversations are stored in memory.