diff --git a/src/App.js b/src/App.js
index 3784575..d97da72 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,24 +1,13 @@
-import logo from './logo.svg';
-import './App.css';
+import React from "react"
+import { Route, Switch } from "react-router-dom"
+
+import InfoPage from "./component/InfoPage.jsx"
function App() {
return (
-
+
+
+
);
}
diff --git a/src/index.js b/src/index.js
index d563c0f..7f09541 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,11 +3,14 @@ import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
+import { BrowserRouter } from "react-router-dom";
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
-
+
+
+
);
diff --git a/src/interfaces/DataComponent.jsx b/src/interfaces/DataComponent.jsx
new file mode 100644
index 0000000..4ae563a
--- /dev/null
+++ b/src/interfaces/DataComponent.jsx
@@ -0,0 +1,14 @@
+import ResetableComponent from "./ResetableComponent.jsx";
+
+export default class DataComponent extends ResetableComponent {
+
+ constructor(componentId) {
+ super();
+ this.compId = componentId;
+ }
+
+ exportData() {}
+
+ getId() { return this.compId; }
+
+}
\ No newline at end of file
diff --git a/src/interfaces/ResetableComponent.jsx b/src/interfaces/ResetableComponent.jsx
new file mode 100644
index 0000000..9405557
--- /dev/null
+++ b/src/interfaces/ResetableComponent.jsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default class ResetableComponent extends React.Component {
+
+ reset() {}
+
+}
\ No newline at end of file