Merge remote-tracking branch 'origin/f/react-grundstruktur' into f/formular-aufnahmeantrag

Frontend/src/components/App.js

@@ -1,11 +1,22 @@
 import React, { Component } from "react";
-import CssBaseline from "@material-ui/core/Button";
+import CssBaseline from "@material-ui/core/CssBaseline";
+import { BrowserRouter as Router, Route, Link } from "react-router-dom";
+import Login from "./Login.js";
+import { Box } from "@material-ui/core";
+
 
 class App extends Component {
   state = {};
   render() {
     return <CssBaseline>
-
+      <Router>
+        <Box 
+          flexDirection="column"
+          width="100%"
+          >
+            <Route path="/login" component={Login}/>
+        </Box>
+      </Router>
     </CssBaseline>;
   }
 }

Frontend/src/components/Login.js

@@ -1,15 +1,40 @@
 import React, { Component } from "react";
-import Button from "@material-ui/core/Button";
-import Container from '@material-ui/core/Container';
+import TextField from '@material-ui/core/TextField';
+import Grid from '@material-ui/core/Grid';
 
 class Login extends Component {
   state = {};
   render() {
-    return 
-    <Container component="login">
-        
-    </Container>;
+    return (
+        <form>
+          <TextField
+            variant="outlined"
+            margin="normal"
+            required
+            fullWidth
+            id="email"
+            label="Email Address"
+            name="email"
+            autoComplete="email"
+            autoFocus
+          >
+          </TextField>
+          <TextField
+            type="password"
+            variant="outlined"
+            margin="normal"
+            required
+            fullWidth
+            id="password"
+            label="Password"
+            name="password"
+            autoComplete="password"
+          >
+          </TextField>
+        </form>
+      </Box>
+    )
   }
 }
 
-export default App;
+export default Login;