WIP

Frontend/src/components/App.js

@@ -1,15 +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>
-        <Route path="/login" component={Login}/>
-        </Router>
+        <Box 
+          flexDirection="column"
+          width="100%"
+          >
+            <Route path="/login" component={Login}/>
+        </Box>
+      </Router>
     </CssBaseline>;
   }
 }

Frontend/src/components/Login.js

@@ -1,11 +1,39 @@
 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 {}
+    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>
+    )
   }
 }