Add axios / server backend connection

package-lock.json

@@ -3223,6 +3223,14 @@
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.2.3.tgz",
       "integrity": "sha512-pXnVMfJKSIWU2Ml4JHP7pZEPIrgBO1Fd3WGx+fPBsS+KRGhE4vxooD8XBGWbQOIVSZsVK7pUDBBkCicNu80yzQ=="
     },
+    "axios": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
+      "integrity": "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==",
+      "requires": {
+        "follow-redirects": "^1.10.0"
+      }
+    },
     "axobject-query": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",

package.json

@@ -8,6 +8,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
+    "axios": "^0.21.1",
     "gh-pages": "^3.2.3",
     "react": "^17.0.2",
     "react-dom": "^16.14.0",

src/App.js

@@ -2,6 +2,7 @@ import './App.css';
 import React, {useState,useEffect,useRef} from 'react';
 import ReactWindow from 'reactjs-windows'
 import 'reactjs-windows/dist/index.css'
+const axios = require('axios');
 
 function Col(p) {
 	return <div className="con">
@@ -343,7 +344,14 @@ function PopupWindow(p) {
 	</ReactWindow>
 }
 
-function App() {	
+function App() {
+	useEffect(()=>{
+		axios.get("http://projectdivar.com/ngsplanner")
+		.then((data)=>{
+			console.log(data.data)
+		})
+	})
+	
 	const [author,setAuthor] = useState("Dudley")
 	const [buildName,setBuildName] = useState("Fatimah")
 	const [className,setClassName] = useState("RANGER")