diff --git a/src/api/workflow.ts b/src/api/workflow.ts
new file mode 100644
index 00000000..ab89675c
--- /dev/null
+++ b/src/api/workflow.ts
@@ -0,0 +1,19 @@
+import { WhereWhatPair, WorkflowFile } from "@wbr-project/wbr-interpret";
+import { emptyWorkflow } from "../shared/constants";
+
+const axios = require('axios').default;
+
+export const getActiveWorkflow = async(id: string) : Promise<WorkflowFile> => {
+  try {
+    const response = await axios.get(`http://localhost:8080/workflow/${id}`)
+    if (response.status === 200) {
+      return response.data;
+    } else {
+      throw new Error('Something went wrong when fetching a recorded workflow');
+    }
+  } catch(error: any) {
+    console.log(error);
+    return emptyWorkflow;
+  }
+};
+