First working frontend for the login

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 />
+    </>
+  );
+}