diff --git a/src/App.jsx b/src/App.jsx
index 480d03d..4d00854 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -10,6 +10,10 @@ import {
   addMoneyToWallet as addMoneyService
 } from './services/apiService.jsx';
 
+import { 
+  madeRecommendations
+} from './workers-functions.js';
+
 function App() {
   const { loginWithRedirect, logout, isAuthenticated, user, getAccessTokenSilently } = useAuth0();
   const [fixtures, setFixtures] = useState([]);
@@ -231,13 +235,19 @@ function App() {
     }
   };
 
+  const makeRecommendations = async () => {
+    let userId = localStorage.getItem('userId');
+    const result = await madeRecommendations(userId);
+    console.log(result);
+  };
+
+  const handleShowResultsClick = () => {
+    // Code to show results
+  };
+
   return (
     <div className="App">
-      <header className="App-header">
-        {isAuthenticated ? (
-          <>
-            <img src={user.picture} alt={user.name} className="App-logo" />
-            <p>Welcome, {user.name}</p>
+      <header className="App-header"></header>
             <button onClick={handleLogout}>
               Log Out
             </button>
@@ -253,6 +263,10 @@ function App() {
               <p>Worker Status: {workerAvailable ? 'Available' : 'Unavailable'}</p>
             </div>
 
+            <div>
+              <button onClick={() => makeRecommendations()}>View Recommendation</button>
+            </div>
+
             <div className="filters">
               <input
                 type="text"
diff --git a/src/workers-functions.js b/src/workers-functions.js
new file mode 100644
index 0000000..962e23e
--- /dev/null
+++ b/src/workers-functions.js
@@ -0,0 +1,50 @@
+import axios from 'axios';
+
+async function postRecomendations(id) {
+    const body = {
+        id: id
+    };
+    const response = await axios.post(`https://nodecraft.me/recommendations/`, body);
+    return response.data;
+}
+
+async function getRecomendations(id) {
+    const response = await axios.get(`https://nodecraft.me/recommendations/${id}`);
+    return response.data;
+}
+
+async function Recommendations(data) {
+    const fixtures = data.result;
+    const requests = fixtures.map(async (fixture) => {
+        const response = await axios.get(`https://nodecraft.me/fixtures/${fixture}`);
+        // Do something with the response
+        return response.data; // Return the response data if needed
+    });
+
+    const responses = await Promise.all(requests);
+    return responses;
+}
+
+async function getHistory(id) {
+    const response = await axios.get(`https://nodecraft.me/recommendations/${id}/history`);
+    const filteredData = response.data.filter(item => item.response != {});
+    console.log(filteredData);
+    return filteredData;
+}
+
+async function madeRecommendations(id) {
+    const job = await postRecomendations(id);
+    const data = await getRecomendations(id);
+    const result = await Recommendations(data);
+    return result;
+}
+
+
+//console.log(await Recommendations(fixtures));
+
+
+
+export {
+    getHistory,
+    madeRecommendations
+};
\ No newline at end of file