diff --git a/src/App.js b/src/App.js
index d19010f..4e41f3d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,6 +7,7 @@ import {
} from "react-router-dom";
import Home from "./pages/Home";
+import Login from "./pages/Login";
function App() {
return (
@@ -16,7 +17,7 @@ function App() {
Main Page
- Login Page
+
diff --git a/src/pages/Login.js b/src/pages/Login.js
new file mode 100644
index 0000000..d0fe6e3
--- /dev/null
+++ b/src/pages/Login.js
@@ -0,0 +1,78 @@
+import React, { useState } from "react";
+import {
+ Input,
+ InputLabel,
+ Button,
+ FormControl,
+ Paper,
+ Typography,
+ Avatar,
+} from "@material-ui/core";
+import { LockOutlined } from "@material-ui/icons";
+import NavBar from "./shared/NavBar";
+import {useHistory} from "react-router-dom";
+
+function Login() {
+ const [username, setUsername] = useState("");
+ const [password, setPassword] = useState("");
+ const history = useHistory();
+
+ function login(e) {
+ setUsername("");
+ setPassword("");
+ history.push("/home");
+ e.preventDefault();
+ }
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+ Sign In
+
+
+
+ >
+ );
+}
+
+export default Login;