Merge task text input UI and subtasks UI

package.json → client/package.json

@@ -1,13 +1,16 @@
 {
-  "name": "team-6",
+  "name": "TaskBlaster",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@date-io/date-fns": "^1.3.13",
     "@material-ui/core": "^4.9.9",
     "@material-ui/icons": "^4.9.1",
+    "@material-ui/pickers": "^3.2.10",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
+    "date-fns": "^2.12.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-router-dom": "^5.1.2",

public/manifest.json → client/public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "TaskBlaster",
+  "name": "TaskBlaster Project Management Tool",
   "icons": [
     {
       "src": "favicon.ico",

client/src/api/TaskAPI.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import Task from '../components/Task';
+
+const API_URL = 'http://localhost:8080';
+const HEADERS =  {
+    'Accept' : 'application/json',
+    'Content-Type' : 'application/json;charset=UTF-8'
+};
+
+class TaskAPI {
+
+    async getAllTasks(removeTask) {        
+        const response = await fetch(`${API_URL}/tasks`);
+        console.log(`GET: ${response.status}`);
+        const responseJson = await response.json();
+
+        var taskComponents = [];
+        for (let [key, taskData] of Object.entries(responseJson)) {
+            taskComponents[key] = 
+                <Task
+                    key={taskData.id}
+                    number={taskData.id} 
+                    removeTask={removeTask}
+                    title={taskData.title}
+                    subTasks={taskData.subTasks}
+                    dueDate={taskData.dueDate}/>
+        }
+        return taskComponents;
+    }
+
+    // TODO: Add a username to the params
+    async postTask(taskJson) {
+        const postOptions = {
+            method: 'POST',
+            headers: HEADERS,          
+            body: JSON.stringify(taskJson)
+        };
+        const response = await fetch(`${API_URL}/addtask`, postOptions);
+        console.log(`POST: ${response.status}`);
+        const responseJson = await response.json();
+        return responseJson;
+    }
+
+    async deleteTask(id) {
+        const deleteOptions = {
+            method: 'DELETE'
+        };
+        await fetch(`${API_URL}/delete/${id}`, deleteOptions)
+            .then(response => {
+                console.log(`DELETE: ${response.status}`);
+            });
+    }
+}
+
+export default new TaskAPI();