frontend/src/App.css

@@ -45,3 +45,12 @@
   color: #fff;
   font-size: 100px;
 }
+
+.sitePage {
+  height: 90vh;
+  display: flex;
+  justify-content: center;
+}
+.sitePage h1 {
+  font-size: 80px;
+}

frontend/src/App.js

@@ -7,6 +7,7 @@ import SignUp from "./components/pages/SignUp";
 import Ueber from "./components/pages/Ueber";
 import Lizenzen from "./components/pages/lizenzen";
 import Privacy from "./components/pages/Privacy";
+import Login from "./components/pages/Login";
 
 function App() {
   return (
@@ -19,6 +20,7 @@ function App() {
           <Route path="/sign-up" component={SignUp} />
           <Route path="/lizenzen" component={Lizenzen} />
           <Route path="/privacy" component={Privacy} />
+          <Route path="/login" component={Login} />
         </Switch>
       </Router>
     </>

frontend/src/components/InputField.js

@@ -0,0 +1,12 @@
+import React from "react";
+
+function InputField(props) {
+  return (
+    <label>
+      <p>{props.LabelName}</p>
+      <input name={props.InputName} type={props.InputType} />
+    </label>
+  );
+}
+
+export default InputField;

frontend/src/components/SubmitField.js

@@ -0,0 +1,12 @@
+import React from "react";
+
+function SubmitField(props) {
+  const InputValue = props.LabelName;
+  return (
+    <label>
+      <input type="submit" value={InputValue} />
+    </label>
+  );
+}
+
+export default SubmitField;

frontend/src/components/pages/Login.js

@@ -0,0 +1,29 @@
+import React from "react";
+import "../../App.css";
+import Footer from "../../Footer";
+import InputField from "../InputField";
+import SubmitField from "../SubmitField";
+
+export default function Login() {
+  return (
+    <>
+      <div className="sitePage">
+        <h1>Login</h1>
+        <form>
+          <InputField
+            LabelName="Benutzername / Kennung"
+            InputType=""
+            InputName="username"
+          />
+          <InputField
+            LabelName="Passwort"
+            InputType="password"
+            InputName="password"
+          />
+          <SubmitField LabelName="Einloggen" />
+        </form>
+      </div>
+      <Footer />
+    </>
+  );
+}