Add project API interface in frontend

frontend/src/API/API.ts

@@ -1,3 +1,4 @@
+import { NewProject, Project } from "../Types/Project";
 import { NewUser, User } from "../Types/Users";
 
 // Defines all the methods that an instance of the API must implement
@@ -6,6 +7,8 @@ interface API {
   registerUser(user: NewUser): Promise<User>;
   /** Remove a user */
   removeUser(username: string): Promise<User>;
+  /** Create a project */
+  createProject(project: NewProject): Promise<Project>;
 }
 
 // Export an instance of the API
@@ -29,4 +32,14 @@ export const api: API = {
       body: JSON.stringify(username),
     }).then((res) => res.json() as Promise<User>);
   },
+
+  async createProject(project: NewProject): Promise<Project> {
+    return fetch("/api/project", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(project),
+    }).then((res) => res.json() as Promise<Project>);
+  },
 };

frontend/src/Types/Project.ts

@@ -0,0 +1,13 @@
+export interface Project {
+  id: number;
+  name: string;
+  description: string;
+  owner: string;
+  created: string; // This is a date
+}
+
+export interface NewProject {
+  name: string;
+  description: string;
+  owner: string;
+}