Importing ConditionsML

frontend/package.json

@@ -10,9 +10,19 @@
     "@types/node": "^16.18.46",
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
+    "axios": "^0.24.0",
+    "chart.js": "^3.8.0",
+    "d3": "^7.4.3",
+    "leaflet": "^1.9.4",
     "react": "^18.2.0",
+    "react-chartjs-2": "^4.2.0",
     "react-dom": "^18.2.0",
+    "react-gradient-hook": "^1.5.3",
+    "react-leaflet": "^4.2.1",
+    "react-leaflet-hotline": "^1.4.2",
+    "react-router-dom": "^6.15.0",
     "react-scripts": "5.0.1",
+    "react-slider": "^2.0.6",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },
@@ -41,10 +51,14 @@
     ]
   },
   "devDependencies": {
+    "@types/d3": "^7.1.0",
+    "@types/leaflet": "^1.7.5",
+    "@types/react": "^17.0.24",
+    "@types/react-slider": "^1.3.1",
     "@typescript-eslint/parser": "^5.62.0",
     "eslint": "^8.48.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "prettier": "^3.0.3"
+    "prettier": "3.0.3"
   }
 }

frontend/src/App.tsx

@@ -1,26 +1,15 @@
-import React from 'react';
-import logo from './logo.svg';
+import { FC } from 'react';
+// import { BrowserRouter as Router, Route } from 'react-router-dom';
+import Conditions from './pages/Conditions';
+
 import './App.css';
 
-function App() {
+const App: FC = () => {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      <Conditions />
     </div>
   );
-}
+};
 
 export default App;