wip

.vscode/settings.json

@@ -0,0 +1,19 @@
+{
+    "workbench.colorCustomizations": {
+        "activityBar.activeBackground": "#93e6fc",
+        "activityBar.activeBorder": "#fa45d4",
+        "activityBar.background": "#93e6fc",
+        "activityBar.foreground": "#15202b",
+        "activityBar.inactiveForeground": "#15202b99",
+        "activityBarBadge.background": "#fa45d4",
+        "activityBarBadge.foreground": "#15202b",
+        "statusBar.background": "#61dafb",
+        "statusBar.foreground": "#15202b",
+        "statusBarItem.hoverBackground": "#2fcefa",
+        "titleBar.activeBackground": "#61dafb",
+        "titleBar.activeForeground": "#15202b",
+        "titleBar.inactiveBackground": "#61dafb99",
+        "titleBar.inactiveForeground": "#15202b99"
+    },
+    "peacock.color": "#61dafb"
+}

package.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/user-event": "^12.7.1",
+    "axios": "^0.21.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-redux": "^7.2.2",

src/App.js

@@ -1,13 +1,22 @@
 import "./App.css";
 import World from "./features/world";
+import API from "./utils/API"
 
 // import "./styles.css";
 
+const apiCall = () => {
+  API.allAlgo().then(data => {
+    console.log(data);
+  })
+}
+
 function App() {
   return (
     <div>
       <World />
 
+
+
     </div>
   );
 }

src/utils/API.js

@@ -0,0 +1,28 @@
+// Dependencies
+const axios = require("axios")
+
+// Deployed API URL
+const URL_PREFIX = "https://vast-oasis-70689.herokuapp.com/"
+
+// Algo API calls
+const API = {
+
+    // Algorithms
+    allAlgo: () => {
+        return axios.post(`${URL_PREFIX}/api/algo`)
+    },
+    randomAlgo: () => {
+        return axios.post(`${URL_PREFIX}/api/random`)
+    },
+    easyAlgo: () => {
+        return axios.post(`${URL_PREFIX}/api/easy`)
+    },
+    medAlgo: () => {
+        return axios.post(`${URL_PREFIX}/api/medium`)
+    },
+    hardAlgo: () => {
+        return axios.post(`${URL_PREFIX}/api/hard`)
+    },
+}
+
+export default API;