From 1c87380db76e8ad8ff6ff6b87df220fa3a07b412 Mon Sep 17 00:00:00 2001 From: Imbus <> Date: Wed, 13 Mar 2024 17:52:37 +0100 Subject: [PATCH 01/26] Mounting handler for adding project --- backend/main.go | 1 + 1 file changed, 1 insertion(+) diff --git a/backend/main.go b/backend/main.go index 1aaca45..bba3fa6 100644 --- a/backend/main.go +++ b/backend/main.go @@ -71,6 +71,7 @@ func main() { server.Post("/api/loginrenew", gs.LoginRenew) server.Delete("/api/userdelete", gs.UserDelete) // Perhaps just use POST to avoid headaches + server.Post("/api/project", gs.CreateProject) // Announce the port we are listening on and start the server err = server.Listen(fmt.Sprintf(":%d", conf.Port)) From b5c29872818184fa95e2bd029dc83e0b35fb7898 Mon Sep 17 00:00:00 2001 From: Imbus <> Date: Wed, 13 Mar 2024 17:52:56 +0100 Subject: [PATCH 02/26] Add project API interface in frontend --- frontend/src/API/API.ts | 13 +++++++++++++ frontend/src/Types/Project.ts | 13 +++++++++++++ 2 files changed, 26 insertions(+) create mode 100644 frontend/src/Types/Project.ts diff --git a/frontend/src/API/API.ts b/frontend/src/API/API.ts index 2dbd51e..24854c0 100644 --- a/frontend/src/API/API.ts +++ b/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; /** Remove a user */ removeUser(username: string): Promise; + /** Create a project */ + createProject(project: NewProject): Promise; } // Export an instance of the API @@ -29,4 +32,14 @@ export const api: API = { body: JSON.stringify(username), }).then((res) => res.json() as Promise); }, + + async createProject(project: NewProject): Promise { + return fetch("/api/project", { + method: "POST", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify(project), + }).then((res) => res.json() as Promise); + }, }; diff --git a/frontend/src/Types/Project.ts b/frontend/src/Types/Project.ts new file mode 100644 index 0000000..bb4f8c7 --- /dev/null +++ b/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; +} From a4b19e32eb39b5d4d26324bf897eaa1bd1ce985a Mon Sep 17 00:00:00 2001 From: Hollgy Date: Wed, 13 Mar 2024 17:56:04 +0100 Subject: [PATCH 03/26] Boilerplate added for register, non functional --- frontend/src/Components/Register.tsx | 82 ++++++++++++++++++++++++++++ frontend/src/Pages/LoginPage.tsx | 9 +++ frontend/src/Types/Users.ts | 4 +- frontend/src/main.tsx | 5 ++ 4 files changed, 98 insertions(+), 2 deletions(-) create mode 100644 frontend/src/Components/Register.tsx diff --git a/frontend/src/Components/Register.tsx b/frontend/src/Components/Register.tsx new file mode 100644 index 0000000..e0caf46 --- /dev/null +++ b/frontend/src/Components/Register.tsx @@ -0,0 +1,82 @@ +import { useState } from "react"; +import { NewUser, User } from "../Types/Users"; + +export default function Register() { +const [username, setUsername] = useState('') +const [password, setPassword] = useState('') +const [error, setError] = useState('') + + + + const handleRegister = async () => { + try { + const newUser: NewUser = { username, password }; + const registeredUser: User = await api.registerUser(newUser); + console.log("User registered:", registeredUser); + // Optionally, you can navigate to another page or show a success message here + } catch (error) { + setError("Registration failed. Please try again."); // Handle error appropriately + } + }; + + return ( +
+
+
{ + e.preventDefault(); + handleRegister(); + }} + > +

Register new user

+
+ + setUsername(e.target.value)} + /> +
+
+ + setPassword(e.target.value)} + /> +

+ Please choose a password. +

+
+
+ +
+ {error &&

{error}

} +
+

+
+
+ ); +} diff --git a/frontend/src/Pages/LoginPage.tsx b/frontend/src/Pages/LoginPage.tsx index d8ea651..11a7da2 100644 --- a/frontend/src/Pages/LoginPage.tsx +++ b/frontend/src/Pages/LoginPage.tsx @@ -3,6 +3,7 @@ import Logo from "/src/assets/TTIMElogo.png"; import "./LoginPage.css"; import { useEffect } from "react"; import { Link } from "react-router-dom"; +import Register from "../Components/Register"; const PreloadBackgroundAnimation = (): JSX.Element => { useEffect(() => { @@ -69,6 +70,14 @@ function LoginPage(): JSX.Element { }} /> + +