+
+
+
+
+ 
+
+ )
+}
\ No newline at end of file
diff --git a/frontend/src/components/homePage/homePageStyle.css b/frontend/src/components/homePage/homePageStyle.css
new file mode 100644
index 0000000..6108fe3
--- /dev/null
+++ b/frontend/src/components/homePage/homePageStyle.css
@@ -0,0 +1,61 @@
+.home{
+ position: fixed;
+ left:0;
+ top:0;
+ text-align:center;
+ color: #fff;
+ background: #F1C9B1;
+ font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif;
+ height: 100vh;
+ width: 100%;
+}
+.home h1{
+ padding-top:20px;
+}
+.home .link{
+ color:white;
+ font-size: 20px;
+ font-family: 'Franklin Gothic', 'Arial Narrow', Arial, sans-serif;
+ text-decoration: none;
+}
+.home button{
+ position: fixed;
+ height:100px;
+ width: 100px;
+ right: 0;
+ transition: all 0.5s;
+ cursor: pointer;
+ font-family: 'Roboto', sans-serif;
+ background-color: rgb(49, 74, 94);
+ top:0;
+ border-radius: 12px;
+ border-color: none;
+ margin-top: 15px;
+ margin-right: 15px;
+}
+
+.button span {
+ cursor: pointer;
+ display: inline-block;
+ position: relative;
+ transition: 0.5s;
+}
+
+.button span:after {
+ content: '\00bb';
+ position: absolute;
+ opacity: 0;
+ top: 0;
+ right: -20px;
+ transition: 0.5s;
+}
+
+.button:hover span {
+ padding-right: 25px;
+}
+
+.button:hover span:after {
+ opacity: 1;
+ right: 0;
+}
+
diff --git a/frontend/src/components/itemContent/createItemForm.js b/frontend/src/components/itemContent/createItemForm.js
new file mode 100644
index 0000000..68d81a3
--- /dev/null
+++ b/frontend/src/components/itemContent/createItemForm.js
@@ -0,0 +1,103 @@
+import React, { useState } from 'react'
+import './itemForm.css'
+
+
+export default function CreateItemForm({ list, show, close, users, fetchList }) {
+ const [name, setName] = useState("");
+ const [description, setDescription] = useState("");
+ const [deadline, setDeadline] = useState("");
+ const [owner, setOwner] = useState(-1);
+
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ document.body.style.cursor='wait';
+ const data = { task_name: name, description: description, deadline: deadline };
+ console.log(data);
+ let url = 'http://springboottodolist-env-1.eba-dmpcuc7f.us-east-2.elasticbeanstalk.com/item/addItem/' + list.id;
+ fetch(url, {
+ method: 'POST',
+ headers: new Headers({
+ 'Content-Type': 'application/json'
+ }),
+ body: JSON.stringify(data)
+ }).then(response => response.json())
+ .then(data => {
+ console.log(data);
+ if(owner > -1){
+ addOwner(data.id);
+ }else{
+ fetchList();
+ document.body.style.cursor='default';
+ close(false);
+ setName("");
+ setDeadline("");
+ setDescription("");
+ }
+ }).catch((exception) => {
+ document.body.style.cursor='default';
+ console.log(exception);
+ alert("item could not be created, please try again");
+ close(false);
+ setName("");
+ setDeadline("");
+ setDescription("");
+
+ });
+ }
+
+ const addOwner = (id) => {
+ let url = 'http://springboottodolist-env-1.eba-dmpcuc7f.us-east-2.elasticbeanstalk.com/item/assign?item_id=' + id + '&owner_id=' + owner;
+ fetch(url, {
+ method: 'PUT',
+ headers: new Headers({
+ 'Content-Type': 'application/json'
+ })
+ }).then(res => res.json())
+ .then(data => {
+ console.log(data);
+ setOwner(-1);
+ fetchList();
+ document.body.style.cursor='default';
+ close(false);
+ setName("");
+ setDeadline("");
+ setDescription("");
+ }).catch((exception) => {
+ document.body.style.cursor='default';
+ console.log(exception);
+ alert("user could not be assigned to item, please try again");
+
+ });
+ }
+
+ return (
+ SPRING BOOT TO DO LIST
+Making Project Organization Spring to Life!
+
+
+
+
+
+