diff --git a/Frontend/src/components/App.js b/Frontend/src/components/App.js
index 37d6b9b..2b80267 100644
--- a/Frontend/src/components/App.js
+++ b/Frontend/src/components/App.js
@@ -1,11 +1,15 @@
 import React, { Component } from "react";
 import CssBaseline from "@material-ui/core/Button";
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import Login from "./Login.js";
 
 class App extends Component {
   state = {};
   render() {
     return <CssBaseline>
-
+      <Router>
+        <Route path="/login" component={Login}/>
+        </Router>
     </CssBaseline>;
   }
 }
diff --git a/Frontend/src/components/Login.js b/Frontend/src/components/Login.js
index ab5a99a..7403794 100644
--- a/Frontend/src/components/Login.js
+++ b/Frontend/src/components/Login.js
@@ -5,11 +5,8 @@ import Container from '@material-ui/core/Container';
 class Login extends Component {
   state = {};
   render() {
-    return 
-    <Container component="login">
-        
-    </Container>;
+    return {}
   }
 }
 
-export default App;
\ No newline at end of file
+export default Login;
\ No newline at end of file