V0.5

package.json

@@ -3,15 +3,30 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^1.2.35",
+    "@fortawesome/free-solid-svg-icons": "^5.15.3",
+    "@fortawesome/react-fontawesome": "^0.1.14",
+    "@material-ui/core": "^4.11.3",
+    "@material-ui/icons": "^4.11.2",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
+    "axios": "^0.21.1",
+    "bootstrap": "^4.6.0",
     "leaflet": "^1.6.0",
+    "leaflet.heat": "^0.2.0",
+    "materialize-css": "^1.0.0-rc.2",
+    "md5": "^2.3.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-leaflet": "^2.7.0",
+    "react-leaflet-control": "^2.1.2",
+    "react-leaflet-heatmap-layer": "^2.0.0",
+    "react-modal": "^3.12.1",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "3.4.3"
+    "react-scripts": "3.4.3",
+    "reactstrap": "^8.9.0",
+    "universal-cookie": "^4.0.4"
   },
   "scripts": {
     "start": "react-scripts start",

src/App.css

@@ -1,3 +1,10 @@
+
+*{
+  padding:0;
+  margin:0;
+  box-sizing: border-box;
+}
+
 .leaflet-container {
   width: 100vw;
   height: 100vh;

src/App.js

@@ -1,21 +1,27 @@
 import React from "react";
 import "./App.css";
 
+
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 
-import MapView from "./components/MapView";
-import Home from "./components/Home";
+
+
+import Mapa from "./components/Mapa";
+import Login from "./components/Login";
+
 
 function App() {
   return (
     <Router>
       <Switch>
-        <Route path="/map">
-          <MapView />;
-        </Route>
+
+      <Route path="/mapa">
+          <Mapa />;
+        </Route>  
         <Route path="/">
-          <Home />
+          <Login />
         </Route>
+
       </Switch>
     </Router>
   );