diff --git a/webclient/package.json b/webclient/package.json
index 57e544c..3440d6b 100644
--- a/webclient/package.json
+++ b/webclient/package.json
@@ -8,7 +8,8 @@
"@testing-library/user-event": "^7.1.2",
"react": "^16.12.0",
"react-dom": "^16.12.0",
- "react-scripts": "3.3.0"
+ "react-scripts": "3.3.0",
+ "semantic-ui-react": "^0.88.2"
},
"scripts": {
"start": "react-scripts start",
diff --git a/webclient/public/.index.html.swp b/webclient/public/.index.html.swp
new file mode 100644
index 0000000..6b3fce6
Binary files /dev/null and b/webclient/public/.index.html.swp differ
diff --git a/webclient/public/index.html b/webclient/public/index.html
index 867f58e..093148b 100644
--- a/webclient/public/index.html
+++ b/webclient/public/index.html
@@ -25,6 +25,8 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->
React App
+
+
diff --git a/webclient/src/.App.js.swp b/webclient/src/.App.js.swp
new file mode 100644
index 0000000..5160013
Binary files /dev/null and b/webclient/src/.App.js.swp differ
diff --git a/webclient/src/.light.css.swp b/webclient/src/.light.css.swp
new file mode 100644
index 0000000..a783329
Binary files /dev/null and b/webclient/src/.light.css.swp differ
diff --git a/webclient/src/.utils.js.swp b/webclient/src/.utils.js.swp
new file mode 100644
index 0000000..34c071c
Binary files /dev/null and b/webclient/src/.utils.js.swp differ
diff --git a/webclient/src/App.js b/webclient/src/App.js
index 7330c68..a4f3e0a 100644
--- a/webclient/src/App.js
+++ b/webclient/src/App.js
@@ -1,11 +1,142 @@
-import React from 'react';
+import React, { useState } from 'react';
+import './light.css';
+import Logo from './logo.svg';
+import { Container, Divider, Form, Grid, Header, Menu, Message } from 'semantic-ui-react';
+import { requester } from './utils.js';
+
+function LoginForm() {
+ const [input, setInput] = useState({})
+ const [error, setError] = useState({})
+
+ const handleChange = (e) => setInput({
+ ...input,
+ [e.currentTarget.name]: e.currentTarget.value
+ });
+
+ const handleSubmit = (e) => {
+ requester('/rest-auth/login/', 'POST', input)
+ .then(res => {
+ console.log(res);
+ setError({});
+ })
+ .catch(err => {
+ console.log(err);
+ setError(err.data);
+ });
+ };
+
+ return (
+
+ );
+}
+
+function SignupForm() {
+ const [input, setInput] = useState({})
+
+ const handleChange = (e) => setInput({
+ ...input,
+ [e.currentTarget.name]: e.currentTarget.value
+ });
+
+ const handleSubmit = (e) => {
+ console.log(input);
+ }
+
+ return (
+
+ );
+}
function App() {
return (
-
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ Or
+
+
+
+
+
+ two
+
+
+