feat: login and signup forms and params recuparation

package.json

@@ -13,6 +13,7 @@
     "js-file-download": "^0.4.12",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "web-vitals": "^1.1.1"
   },

src/app/App.css

@@ -0,0 +1,19 @@
+.app {
+    min-height: 100vh;
+}
+
+.signup-route {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
+    min-height: 80vh;
+}
+
+.login-route {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-evenly;
+    min-height: 80vh;
+}

src/app/App.js

@@ -1,6 +1,10 @@
 import React, { useState } from 'react';
+import { BrowserRouter, Route } from 'react-router-dom';
 import UploadButton from '../components/button/UploadButton.js';
-import {DownloadButton} from "../components/button/DownloadButton";
+import {DownloadButton} from '../components/button/DownloadButton';
+import {Signup} from '../components/forms/Signup';
+import {Login} from '../components/forms/Login';
+import './App.css';
 
 const IPFS = require('ipfs-http-client');
 
@@ -9,12 +13,28 @@ function App() {
     const [fileHash, setFileHash] = useState("");
 
     return (
-        <div className="App">
-            <h1>Inter Planetary Cloud</h1>
-            <h3>Upload a file</h3>
-            <UploadButton ipfs={ipfs} setFileHash={setFileHash}/>
-            {fileHash ? <div id="success">{'Success: ' + fileHash}</div> : null}
-            <DownloadButton ipfs={ipfs}/>
+        <div className="app">
+            <BrowserRouter>
+                <Route path="/signup">
+                    <div className="signup-route">
+                        <h3>Inter Planetary Cloud</h3>
+                        <Signup></Signup>
+                    </div>
+                </Route>
+                <Route path="/login">
+                    <div className="login-route">
+                        <h3>Inter Planetary Cloud</h3>
+                        <Login></Login>
+                    </div>
+                </Route>
+                <Route path="/dashboard">
+                    <h1>Inter Planetary Cloud</h1>
+                    <h3>Upload a file</h3>
+                    <UploadButton ipfs={ipfs} setFileHash={setFileHash}/>
+                    {fileHash ? <div id="success">{'Success: ' + fileHash}</div> : null}
+                    <DownloadButton ipfs={ipfs}/>
+                </Route>
+            </BrowserRouter>
         </div>
     );
 }