backend/internal/database/db.go

@@ -2,7 +2,7 @@ package database
 
 import (
 	"embed"
-	"errors"
+	"os"
 	"path/filepath"
 	"ttime/internal/types"
 
@@ -19,7 +19,7 @@ type Database interface {
 	PromoteToAdmin(username string) error
 	GetUserId(username string) (int, error)
 	AddProject(name string, description string, username string) error
-	Migrate() error
+	Migrate(dirname string) error
 	GetProjectId(projectname string) (int, error)
 	AddWeeklyReport(projectName string, userName string, week int, developmentTime int, meetingTime int, adminTime int, ownWorkTime int, studyTime int, testingTime int) error
 	AddUserToProject(username string, projectname string, role string) error
@@ -30,8 +30,6 @@ type Database interface {
 	GetAllProjects() ([]types.Project, error)
 	GetProject(projectId int) (types.Project, error)
 	GetUserRole(username string, projectname string) (string, error)
-	GetWeeklyReport(username string, projectName string, week int) (types.WeeklyReport, error)
-	SignWeeklyReport(reportId int, projectManagerId int) error
 }
 
 // This struct is a wrapper type that holds the database connection
@@ -259,74 +257,15 @@ func (d *Db) GetAllUsersApplication() ([]string, error) {
 	return usernames, nil
 }
 
-func (d *Db) GetWeeklyReport(username string, projectName string, week int) (types.WeeklyReport, error) {
-	var report types.WeeklyReport
-	query := `
-        SELECT
-            report_id,
-            user_id,
-            project_id,
-            week,
-            development_time,
-            meeting_time,
-            admin_time,
-            own_work_time,
-            study_time,
-            testing_time,
-			signed_by
-        FROM
-            weekly_reports
-        WHERE
-            user_id = (SELECT id FROM users WHERE username = ?)
-            AND project_id = (SELECT id FROM projects WHERE name = ?)
-            AND week = ?
-    `
-	err := d.Get(&report, query, username, projectName, week)
-	return report, err
-}
-
-// SignWeeklyReport signs a weekly report by updating the signed_by field
-// with the provided project manager's ID, but only if the project manager
-// is in the same project as the report
-func (d *Db) SignWeeklyReport(reportId int, projectManagerId int) error {
-	// Retrieve the project ID associated with the report
-	var reportProjectID int
-	err := d.Get(&reportProjectID, "SELECT project_id FROM weekly_reports WHERE report_id = ?", reportId)
-	if err != nil {
-		return err
-	}
-
-	// Retrieve the project ID associated with the project manager
-	var managerProjectID int
-	err = d.Get(&managerProjectID, "SELECT project_id FROM user_roles WHERE user_id = ? AND p_role = 'project_manager'", projectManagerId)
-	if err != nil {
-		return err
-	}
-
-	// Check if the project manager is in the same project as the report
-	if reportProjectID != managerProjectID {
-		return errors.New("project manager doesn't have permission to sign the report")
-	}
-
-	// Update the signed_by field of the specified report
-	_, err = d.Exec("UPDATE weekly_reports SET signed_by = ? WHERE report_id = ?", projectManagerId, reportId)
-	return err
-}
-
 // Reads a directory of migration files and applies them to the database.
 // This will eventually be used on an embedded directory
-func (d *Db) Migrate() error {
+func (d *Db) Migrate(dirname string) error {
 	// Read the embedded scripts directory
 	files, err := scripts.ReadDir("migrations")
 	if err != nil {
 		return err
 	}
 
-	if len(files) == 0 {
-		println("No migration files found")
-		return nil
-	}
-
 	tr := d.MustBegin()
 
 	// Iterate over each SQL file and execute it
@@ -336,7 +275,8 @@ func (d *Db) Migrate() error {
 		}
 
 		// This is perhaps not the most elegant way to do this
-		sqlBytes, err := scripts.ReadFile("migrations/" + file.Name())
+		sqlFile := filepath.Join("migrations", file.Name())
+		sqlBytes, err := os.ReadFile(sqlFile)
 		if err != nil {
 			return err
 		}

backend/internal/database/db_test.go

@@ -1,7 +1,6 @@
 package database
 
 import (
-	"fmt"
 	"testing"
 )
 
@@ -9,7 +8,7 @@ import (
 
 func setupState() (Database, error) {
 	db := DbConnect(":memory:")
-	err := db.Migrate()
+	err := db.Migrate("../../migrations")
 	if err != nil {
 		return nil, err
 	}
@@ -372,167 +371,3 @@ func TestAddProject(t *testing.T) {
 		t.Error("Added project not found")
 	}
 }
-
-func TestGetWeeklyReport(t *testing.T) {
-	db, err := setupState()
-	if err != nil {
-		t.Error("setupState failed:", err)
-	}
-
-	err = db.AddUser("testuser", "password")
-	if err != nil {
-		t.Error("AddUser failed:", err)
-	}
-
-	err = db.AddProject("testproject", "description", "testuser")
-	if err != nil {
-		t.Error("AddProject failed:", err)
-	}
-
-	err = db.AddWeeklyReport("testproject", "testuser", 1, 1, 1, 1, 1, 1, 1)
-	if err != nil {
-		t.Error("AddWeeklyReport failed:", err)
-	}
-
-	report, err := db.GetWeeklyReport("testuser", "testproject", 1)
-	if err != nil {
-		t.Error("GetWeeklyReport failed:", err)
-	}
-
-	// Check if the retrieved report matches the expected values
-	if report.UserId != 1 {
-		t.Errorf("Expected UserId to be 1, got %d", report.UserId)
-	}
-	if report.ProjectId != 1 {
-		t.Errorf("Expected ProjectId to be 1, got %d", report.ProjectId)
-	}
-	if report.Week != 1 {
-		t.Errorf("Expected Week to be 1, got %d", report.Week)
-	}
-	// Check other fields similarly
-}
-
-func TestSignWeeklyReport(t *testing.T) {
-	db, err := setupState()
-	if err != nil {
-		t.Error("setupState failed:", err)
-	}
-
-	// Add project manager
-	err = db.AddUser("projectManager", "password")
-	if err != nil {
-		t.Error("AddUser failed:", err)
-	}
-
-	// Add a regular user
-	err = db.AddUser("testuser", "password")
-	if err != nil {
-		t.Error("AddUser failed:", err)
-	}
-
-	// Add project
-	err = db.AddProject("testproject", "description", "projectManager")
-	if err != nil {
-		t.Error("AddProject failed:", err)
-	}
-
-	// Add both regular users as members to the project
-	err = db.AddUserToProject("testuser", "testproject", "member")
-	if err != nil {
-		t.Error("AddUserToProject failed:", err)
-	}
-
-	err = db.AddUserToProject("projectManager", "testproject", "project_manager")
-	if err != nil {
-		t.Error("AddUserToProject failed:", err)
-	}
-
-	// Add a weekly report for one of the regular users
-	err = db.AddWeeklyReport("testproject", "testuser", 1, 1, 1, 1, 1, 1, 1)
-	if err != nil {
-		t.Error("AddWeeklyReport failed:", err)
-	}
-
-	// Retrieve the added report
-	report, err := db.GetWeeklyReport("testuser", "testproject", 1)
-	if err != nil {
-		t.Error("GetWeeklyReport failed:", err)
-	}
-
-	// Print project manager's ID
-	projectManagerID, err := db.GetUserId("projectManager")
-	if err != nil {
-		t.Error("GetUserId failed:", err)
-	}
-	fmt.Println("Project Manager's ID:", projectManagerID)
-
-	// Sign the report with the project manager
-	err = db.SignWeeklyReport(report.ReportId, projectManagerID)
-	if err != nil {
-		t.Error("SignWeeklyReport failed:", err)
-	}
-
-	// Retrieve the report again to check if it's signed
-	signedReport, err := db.GetWeeklyReport("testuser", "testproject", 1)
-	if err != nil {
-		t.Error("GetWeeklyReport failed:", err)
-	}
-
-	// Ensure the report is signed by the project manager
-	if *signedReport.SignedBy != projectManagerID {
-		t.Errorf("Expected SignedBy to be %d, got %d", projectManagerID, *signedReport.SignedBy)
-	}
-}
-
-func TestSignWeeklyReportByAnotherProjectManager(t *testing.T) {
-	db, err := setupState()
-	if err != nil {
-		t.Error("setupState failed:", err)
-	}
-
-	// Add project manager
-	err = db.AddUser("projectManager", "password")
-	if err != nil {
-		t.Error("AddUser failed:", err)
-	}
-
-	// Add a regular user
-	err = db.AddUser("testuser", "password")
-	if err != nil {
-		t.Error("AddUser failed:", err)
-	}
-
-	// Add project
-	err = db.AddProject("testproject", "description", "projectManager")
-	if err != nil {
-		t.Error("AddProject failed:", err)
-	}
-
-	// Add the regular user as a member to the project
-	err = db.AddUserToProject("testuser", "testproject", "member")
-	if err != nil {
-		t.Error("AddUserToProject failed:", err)
-	}
-
-	// Add a weekly report for the regular user
-	err = db.AddWeeklyReport("testproject", "testuser", 1, 1, 1, 1, 1, 1, 1)
-	if err != nil {
-		t.Error("AddWeeklyReport failed:", err)
-	}
-
-	// Retrieve the added report
-	report, err := db.GetWeeklyReport("testuser", "testproject", 1)
-	if err != nil {
-		t.Error("GetWeeklyReport failed:", err)
-	}
-
-	anotherManagerID, err := db.GetUserId("projectManager")
-	if err != nil {
-		t.Error("GetUserId failed:", err)
-	}
-
-	err = db.SignWeeklyReport(report.ReportId, anotherManagerID)
-	if err == nil {
-		t.Error("Expected SignWeeklyReport to fail with a project manager who is not in the project, but it didn't")
-	}
-}

backend/internal/database/migrations/0010_users.sql

@@ -3,7 +3,7 @@
 -- username is what is used for login
 -- password is the hashed password
 CREATE TABLE IF NOT EXISTS users (
-  id INTEGER PRIMARY KEY AUTOINCREMENT,
+  id INTEGER PRIMARY KEY,
   userId TEXT DEFAULT (HEX(RANDOMBLOB(4))) NOT NULL UNIQUE,
   username VARCHAR(255) NOT NULL UNIQUE,
   password VARCHAR(255) NOT NULL

backend/internal/database/migrations/0020_projects.sql

@@ -1,5 +1,5 @@
 CREATE TABLE IF NOT EXISTS projects (
-  id INTEGER PRIMARY KEY AUTOINCREMENT,
+  id INTEGER PRIMARY KEY,
   name VARCHAR(255) NOT NULL UNIQUE,
   description TEXT NOT NULL,
   owner_user_id INTEGER NOT NULL,

backend/internal/database/migrations/0035_weekly_report.sql

@@ -1,16 +1,14 @@
-CREATE TABLE IF NOT EXISTS weekly_reports (
+CREATE TABLE weekly_reports (
-  report_id INTEGER PRIMARY KEY AUTOINCREMENT,
+  user_id INTEGER,
-  user_id INTEGER NOT NULL,
+  project_id INTEGER,
-  project_id INTEGER NOT NULL,
+  week INTEGER,
-  week INTEGER NOT NULL,
   development_time INTEGER,
   meeting_time INTEGER,
   admin_time INTEGER,
   own_work_time INTEGER,
   study_time INTEGER,
   testing_time INTEGER,
-  signed_by INTEGER,
   FOREIGN KEY (user_id) REFERENCES users(id),
-  FOREIGN KEY (project_id) REFERENCES projects(id),
+  FOREIGN KEY (project_id) REFERENCES projects(id)
-  FOREIGN KEY (signed_by) REFERENCES users(id)
+  PRIMARY KEY (user_id, project_id, week)
-);
+)

backend/internal/handlers/global_state.go

@@ -1,9 +1,13 @@
 package handlers
 
 import (
+	"strconv"
+	"time"
 	"ttime/internal/database"
+	"ttime/internal/types"
 
 	"github.com/gofiber/fiber/v2"
+	"github.com/golang-jwt/jwt/v5"
 )
 
 // The actual interface that we will use
@@ -15,7 +19,6 @@ type GlobalState interface {
 	CreateProject(c *fiber.Ctx) error   // To create a new project
 	GetUserProjects(c *fiber.Ctx) error // To get all projects
 	SubmitWeeklyReport(c *fiber.Ctx) error
-	GetWeeklyReport(c *fiber.Ctx) error
 	// GetProject(c *fiber.Ctx) error           // To get a specific project
 	// UpdateProject(c *fiber.Ctx) error        // To update a project
 	// DeleteProject(c *fiber.Ctx) error        // To delete a project
@@ -48,6 +51,50 @@ type GState struct {
 	ButtonCount int
 }
 
+// Register is a simple handler that registers a new user
+//
+//	@Summary		Register a new user
+//	@Description	Register a new user
+//	@Tags			User
+//	@Accept			json
+//	@Produce		json
+//	@Success		200	{string}	string	"User added"
+//	@Failure		400	{string}	string	"Bad request"
+//	@Failure		500	{string}	string	"Internal server error"
+//	@Router			/api/register [post]
+func (gs *GState) Register(c *fiber.Ctx) error {
+	u := new(types.NewUser)
+	if err := c.BodyParser(u); err != nil {
+		return c.Status(400).SendString(err.Error())
+	}
+
+	if err := gs.Db.AddUser(u.Username, u.Password); err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	return c.Status(200).SendString("User added")
+}
+
+// This path should obviously be protected in the future
+// UserDelete deletes a user from the database
+func (gs *GState) UserDelete(c *fiber.Ctx) error {
+	// Read from path parameters
+	username := c.Params("username")
+
+	// Read username from Locals
+	auth_username := c.Locals("user").(*jwt.Token).Claims.(jwt.MapClaims)["name"].(string)
+
+	if username != auth_username {
+		return c.Status(403).SendString("You can only delete yourself")
+	}
+
+	if err := gs.Db.RemoveUser(username); err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	return c.Status(200).SendString("User deleted")
+}
+
 func (gs *GState) GetButtonCount(c *fiber.Ctx) error {
 	return c.Status(200).JSON(fiber.Map{"pressCount": gs.ButtonCount})
 }
@@ -56,3 +103,181 @@ func (gs *GState) IncrementButtonCount(c *fiber.Ctx) error {
 	gs.ButtonCount++
 	return c.Status(200).JSON(fiber.Map{"pressCount": gs.ButtonCount})
 }
+
+// Login is a simple login handler that returns a JWT token
+func (gs *GState) Login(c *fiber.Ctx) error {
+	// The body type is identical to a NewUser
+	u := new(types.NewUser)
+	if err := c.BodyParser(u); err != nil {
+		return c.Status(400).SendString(err.Error())
+	}
+
+	if !gs.Db.CheckUser(u.Username, u.Password) {
+		println("User not found")
+		return c.SendStatus(fiber.StatusUnauthorized)
+	}
+
+	// Create the Claims
+	claims := jwt.MapClaims{
+		"name":  u.Username,
+		"admin": false,
+		"exp":   time.Now().Add(time.Hour * 72).Unix(),
+	}
+
+	// Create token
+	token := jwt.NewWithClaims(jwt.SigningMethodHS256, claims)
+
+	// Generate encoded token and send it as response.
+	t, err := token.SignedString([]byte("secret"))
+	if err != nil {
+		return c.SendStatus(fiber.StatusInternalServerError)
+	}
+
+	return c.JSON(fiber.Map{"token": t})
+}
+
+// LoginRenew is a simple handler that renews the token
+func (gs *GState) LoginRenew(c *fiber.Ctx) error {
+	// For testing: curl localhost:3000/restricted -H "Authorization: Bearer <token>"
+	user := c.Locals("user").(*jwt.Token)
+	claims := user.Claims.(jwt.MapClaims)
+	claims["exp"] = time.Now().Add(time.Hour * 72).Unix()
+	renewed := jwt.MapClaims{
+		"name":  claims["name"],
+		"admin": claims["admin"],
+		"exp":   claims["exp"],
+	}
+	token := jwt.NewWithClaims(jwt.SigningMethodHS256, renewed)
+	t, err := token.SignedString([]byte("secret"))
+	if err != nil {
+		return c.SendStatus(fiber.StatusInternalServerError)
+	}
+	return c.JSON(fiber.Map{"token": t})
+}
+
+// CreateProject is a simple handler that creates a new project
+func (gs *GState) CreateProject(c *fiber.Ctx) error {
+	user := c.Locals("user").(*jwt.Token)
+
+	p := new(types.NewProject)
+	if err := c.BodyParser(p); err != nil {
+		return c.Status(400).SendString(err.Error())
+	}
+
+	// Get the username from the token and set it as the owner of the project
+	// This is ugly but
+	claims := user.Claims.(jwt.MapClaims)
+	owner := claims["name"].(string)
+
+	if err := gs.Db.AddProject(p.Name, p.Description, owner); err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	return c.Status(200).SendString("Project added")
+}
+
+// GetUserProjects returns all projects that the user is a member of
+func (gs *GState) GetUserProjects(c *fiber.Ctx) error {
+	// First we get the username from the token
+	user := c.Locals("user").(*jwt.Token)
+	claims := user.Claims.(jwt.MapClaims)
+	username := claims["name"].(string)
+
+	// Then dip into the database to get the projects
+	projects, err := gs.Db.GetProjectsForUser(username)
+	if err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	// Return a json serialized list of projects
+	return c.JSON(projects)
+}
+
+// ListAllUsers is a handler that returns a list of all users in the application database
+func (gs *GState) ListAllUsers(c *fiber.Ctx) error {
+	// Get all users from the database
+	users, err := gs.Db.GetAllUsersApplication()
+	if err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	// Return the list of users as JSON
+	return c.JSON(users)
+}
+
+func (gs *GState) ListAllUsersProject(c *fiber.Ctx) error {
+	// Extract the project name from the request parameters or body
+	projectName := c.Params("projectName")
+
+	// Get all users associated with the project from the database
+	users, err := gs.Db.GetAllUsersProject(projectName)
+	if err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	// Return the list of users as JSON
+	return c.JSON(users)
+}
+
+// ProjectRoleChange is a handler that changes a user's role within a project
+func (gs *GState) ProjectRoleChange(c *fiber.Ctx) error {
+	// Extract the necessary parameters from the request
+	username := c.Params("username")
+	projectName := c.Params("projectName")
+	role := c.Params("role")
+
+	// Change the user's role within the project in the database
+	if err := gs.Db.ChangeUserRole(username, projectName, role); err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	// Return a success message
+	return c.SendStatus(fiber.StatusOK)
+}
+
+// GetProject retrieves a specific project by its ID
+func (gs *GState) GetProject(c *fiber.Ctx) error {
+	// Extract the project ID from the request parameters or body
+	projectID := c.Params("projectID")
+
+	// Parse the project ID into an integer
+	projectIDInt, err := strconv.Atoi(projectID)
+	if err != nil {
+		return c.Status(400).SendString("Invalid project ID")
+	}
+
+	// Get the project from the database by its ID
+	project, err := gs.Db.GetProject(projectIDInt)
+	if err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	// Return the project as JSON
+	return c.JSON(project)
+}
+
+func (gs *GState) SubmitWeeklyReport(c *fiber.Ctx) error {
+	// Extract the necessary parameters from the token
+	user := c.Locals("user").(*jwt.Token)
+	claims := user.Claims.(jwt.MapClaims)
+	username := claims["name"].(string)
+
+	report := new(types.NewWeeklyReport)
+	if err := c.BodyParser(report); err != nil {
+		return c.Status(400).SendString(err.Error())
+	}
+
+	// Make sure all the fields of the report are valid
+	if report.Week < 1 || report.Week > 52 {
+		return c.Status(400).SendString("Invalid week number")
+	}
+	if report.DevelopmentTime < 0 || report.MeetingTime < 0 || report.AdminTime < 0 || report.OwnWorkTime < 0 || report.StudyTime < 0 || report.TestingTime < 0 {
+		return c.Status(400).SendString("Invalid time report")
+	}
+
+	if err := gs.Db.AddWeeklyReport(report.ProjectName, username, report.Week, report.DevelopmentTime, report.MeetingTime, report.AdminTime, report.OwnWorkTime, report.StudyTime, report.TestingTime); err != nil {
+		return c.Status(500).SendString(err.Error())
+	}
+
+	return c.Status(200).SendString("Time report added")
+}

backend/internal/handlers/handlers_project_related.go

@@ -1,98 +0,0 @@
-package handlers
-
-import (
-	"strconv"
-	"ttime/internal/types"
-
-	"github.com/gofiber/fiber/v2"
-	"github.com/golang-jwt/jwt/v5"
-)
-
-// CreateProject is a simple handler that creates a new project
-func (gs *GState) CreateProject(c *fiber.Ctx) error {
-	user := c.Locals("user").(*jwt.Token)
-
-	p := new(types.NewProject)
-	if err := c.BodyParser(p); err != nil {
-		return c.Status(400).SendString(err.Error())
-	}
-
-	// Get the username from the token and set it as the owner of the project
-	// This is ugly but
-	claims := user.Claims.(jwt.MapClaims)
-	owner := claims["name"].(string)
-
-	if err := gs.Db.AddProject(p.Name, p.Description, owner); err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	return c.Status(200).SendString("Project added")
-}
-
-// GetUserProjects returns all projects that the user is a member of
-func (gs *GState) GetUserProjects(c *fiber.Ctx) error {
-	// First we get the username from the token
-	user := c.Locals("user").(*jwt.Token)
-	claims := user.Claims.(jwt.MapClaims)
-	username := claims["name"].(string)
-
-	// Then dip into the database to get the projects
-	projects, err := gs.Db.GetProjectsForUser(username)
-	if err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	// Return a json serialized list of projects
-	return c.JSON(projects)
-}
-
-// ProjectRoleChange is a handler that changes a user's role within a project
-func (gs *GState) ProjectRoleChange(c *fiber.Ctx) error {
-	// Extract the necessary parameters from the request
-	username := c.Params("username")
-	projectName := c.Params("projectName")
-	role := c.Params("role")
-
-	// Change the user's role within the project in the database
-	if err := gs.Db.ChangeUserRole(username, projectName, role); err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	// Return a success message
-	return c.SendStatus(fiber.StatusOK)
-}
-
-// GetProject retrieves a specific project by its ID
-func (gs *GState) GetProject(c *fiber.Ctx) error {
-	// Extract the project ID from the request parameters or body
-	projectID := c.Params("projectID")
-
-	// Parse the project ID into an integer
-	projectIDInt, err := strconv.Atoi(projectID)
-	if err != nil {
-		return c.Status(400).SendString("Invalid project ID")
-	}
-
-	// Get the project from the database by its ID
-	project, err := gs.Db.GetProject(projectIDInt)
-	if err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	// Return the project as JSON
-	return c.JSON(project)
-}
-
-func (gs *GState) ListAllUsersProject(c *fiber.Ctx) error {
-	// Extract the project name from the request parameters or body
-	projectName := c.Params("projectName")
-
-	// Get all users associated with the project from the database
-	users, err := gs.Db.GetAllUsersProject(projectName)
-	if err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	// Return the list of users as JSON
-	return c.JSON(users)
-}

backend/internal/handlers/handlers_report_related.go

@@ -1,65 +0,0 @@
-package handlers
-
-import (
-	"strconv"
-	"ttime/internal/types"
-
-	"github.com/gofiber/fiber/v2"
-	"github.com/golang-jwt/jwt/v5"
-)
-
-func (gs *GState) SubmitWeeklyReport(c *fiber.Ctx) error {
-	// Extract the necessary parameters from the token
-	user := c.Locals("user").(*jwt.Token)
-	claims := user.Claims.(jwt.MapClaims)
-	username := claims["name"].(string)
-
-	report := new(types.NewWeeklyReport)
-	if err := c.BodyParser(report); err != nil {
-		return c.Status(400).SendString(err.Error())
-	}
-
-	// Make sure all the fields of the report are valid
-	if report.Week < 1 || report.Week > 52 {
-		return c.Status(400).SendString("Invalid week number")
-	}
-	if report.DevelopmentTime < 0 || report.MeetingTime < 0 || report.AdminTime < 0 || report.OwnWorkTime < 0 || report.StudyTime < 0 || report.TestingTime < 0 {
-		return c.Status(400).SendString("Invalid time report")
-	}
-
-	if err := gs.Db.AddWeeklyReport(report.ProjectName, username, report.Week, report.DevelopmentTime, report.MeetingTime, report.AdminTime, report.OwnWorkTime, report.StudyTime, report.TestingTime); err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	return c.Status(200).SendString("Time report added")
-}
-
-// Handler for retrieving weekly report
-func (gs *GState) GetWeeklyReport(c *fiber.Ctx) error {
-	// Extract the necessary parameters from the request
-	println("GetWeeklyReport")
-	user := c.Locals("user").(*jwt.Token)
-	claims := user.Claims.(jwt.MapClaims)
-	username := claims["name"].(string)
-
-	// Extract project name and week from query parameters
-	projectName := c.Query("projectName")
-	println(projectName)
-	week := c.Query("week")
-	println(week)
-
-	// Convert week to integer
-	weekInt, err := strconv.Atoi(week)
-	if err != nil {
-		return c.Status(400).SendString("Invalid week number")
-	}
-
-	// Call the database function to get the weekly report
-	report, err := gs.Db.GetWeeklyReport(username, projectName, weekInt)
-	if err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	// Return the retrieved weekly report
-	return c.JSON(report)
-}

backend/internal/handlers/handlers_user_related.go

@@ -1,124 +0,0 @@
-package handlers
-
-import (
-	"time"
-	"ttime/internal/types"
-
-	"github.com/gofiber/fiber/v2"
-	"github.com/golang-jwt/jwt/v5"
-)
-
-// Register is a simple handler that registers a new user
-//
-//	@Summary		Register a new user
-//	@Description	Register a new user
-//	@Tags			User
-//	@Accept			json
-//	@Produce		json
-//	@Success		200	{string}	string	"User added"
-//	@Failure		400	{string}	string	"Bad request"
-//	@Failure		500	{string}	string	"Internal server error"
-//	@Router			/api/register [post]
-func (gs *GState) Register(c *fiber.Ctx) error {
-	u := new(types.NewUser)
-	if err := c.BodyParser(u); err != nil {
-		println("Error parsing body")
-		return c.Status(400).SendString(err.Error())
-	}
-
-	println("Adding user:", u.Username)
-	if err := gs.Db.AddUser(u.Username, u.Password); err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	println("User added:", u.Username)
-	return c.Status(200).SendString("User added")
-}
-
-// This path should obviously be protected in the future
-// UserDelete deletes a user from the database
-func (gs *GState) UserDelete(c *fiber.Ctx) error {
-	// Read from path parameters
-	username := c.Params("username")
-
-	// Read username from Locals
-	auth_username := c.Locals("user").(*jwt.Token).Claims.(jwt.MapClaims)["name"].(string)
-
-	if username != auth_username {
-		return c.Status(403).SendString("You can only delete yourself")
-	}
-
-	if err := gs.Db.RemoveUser(username); err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	return c.Status(200).SendString("User deleted")
-}
-
-// Login is a simple login handler that returns a JWT token
-func (gs *GState) Login(c *fiber.Ctx) error {
-	// The body type is identical to a NewUser
-	u := new(types.NewUser)
-	if err := c.BodyParser(u); err != nil {
-		println("Error parsing body")
-		return c.Status(400).SendString(err.Error())
-	}
-
-	println("Username:", u.Username)
-	if !gs.Db.CheckUser(u.Username, u.Password) {
-		println("User not found")
-		return c.SendStatus(fiber.StatusUnauthorized)
-	}
-
-	// Create the Claims
-	claims := jwt.MapClaims{
-		"name":  u.Username,
-		"admin": false,
-		"exp":   time.Now().Add(time.Hour * 72).Unix(),
-	}
-
-	// Create token
-	token := jwt.NewWithClaims(jwt.SigningMethodHS256, claims)
-	println("Token created for user:", u.Username)
-
-	// Generate encoded token and send it as response.
-	t, err := token.SignedString([]byte("secret"))
-	if err != nil {
-		println("Error signing token")
-		return c.SendStatus(fiber.StatusInternalServerError)
-	}
-
-	println("Successfully signed token for user:", u.Username)
-	return c.JSON(fiber.Map{"token": t})
-}
-
-// LoginRenew is a simple handler that renews the token
-func (gs *GState) LoginRenew(c *fiber.Ctx) error {
-	// For testing: curl localhost:3000/restricted -H "Authorization: Bearer <token>"
-	user := c.Locals("user").(*jwt.Token)
-	claims := user.Claims.(jwt.MapClaims)
-	claims["exp"] = time.Now().Add(time.Hour * 72).Unix()
-	renewed := jwt.MapClaims{
-		"name":  claims["name"],
-		"admin": claims["admin"],
-		"exp":   claims["exp"],
-	}
-	token := jwt.NewWithClaims(jwt.SigningMethodHS256, renewed)
-	t, err := token.SignedString([]byte("secret"))
-	if err != nil {
-		return c.SendStatus(fiber.StatusInternalServerError)
-	}
-	return c.JSON(fiber.Map{"token": t})
-}
-
-// ListAllUsers is a handler that returns a list of all users in the application database
-func (gs *GState) ListAllUsers(c *fiber.Ctx) error {
-	// Get all users from the database
-	users, err := gs.Db.GetAllUsersApplication()
-	if err != nil {
-		return c.Status(500).SendString(err.Error())
-	}
-
-	// Return the list of users as JSON
-	return c.JSON(users)
-}

backend/internal/types/WeeklyReport.go

@@ -19,28 +19,3 @@ type NewWeeklyReport struct {
 	// Total time spent on testing
 	TestingTime int `json:"testingTime"`
 }
-
-type WeeklyReport struct {
-	// The ID of the report
-	ReportId int `json:"reportId" db:"report_id"`
-	// The user id of the user who submitted the report
-	UserId int `json:"userId" db:"user_id"`
-	// The name of the project, as it appears in the database
-	ProjectId int `json:"projectId" db:"project_id"`
-	// The week number
-	Week int `json:"week" db:"week"`
-	// Total time spent on development
-	DevelopmentTime int `json:"developmentTime" db:"development_time"`
-	// Total time spent in meetings
-	MeetingTime int `json:"meetingTime" db:"meeting_time"`
-	// Total time spent on administrative tasks
-	AdminTime int `json:"adminTime" db:"admin_time"`
-	// Total time spent on personal projects
-	OwnWorkTime int `json:"ownWorkTime" db:"own_work_time"`
-	// Total time spent on studying
-	StudyTime int `json:"studyTime" db:"study_time"`
-	// Total time spent on testing
-	TestingTime int `json:"testingTime" db:"testing_time"`
-	// The project manager who signed it
-	SignedBy *int `json:"signedBy" db:"signed_by"`
-}

backend/main.go

@@ -43,11 +43,6 @@ func main() {
 
 	// Connect to the database
 	db := database.DbConnect(conf.DbPath)
-	// Migrate the database
-	if err = db.Migrate(); err != nil {
-		fmt.Println("Error migrating database: ", err)
-	}
-
 	// Get our global state
 	gs := handlers.NewGlobalState(db)
 	// Create the server
@@ -78,7 +73,6 @@ func main() {
 	server.Post("/api/loginrenew", gs.LoginRenew)
 	server.Delete("/api/userdelete/:username", gs.UserDelete) // Perhaps just use POST to avoid headaches
 	server.Post("/api/project", gs.CreateProject)
-	server.Get("/api/getWeeklyReport", gs.GetWeeklyReport)
 
 	// Announce the port we are listening on and start the server
 	err = server.Listen(fmt.Sprintf(":%d", conf.Port))

frontend/src/API/API.ts

@@ -1,13 +1,9 @@
-import {
+import { NewProject, Project } from "../Types/Project";
-  NewWeeklyReport,
+import { NewUser, User } from "../Types/Users";
-  NewUser,
+import { NewWeeklyReport } from "../Types/goTypes";
-  User,
-  Project,
-  NewProject,
-} from "../Types/goTypes";
 
 // This type of pattern should be hard to misuse
-export interface APIResponse<T> {
+interface APIResponse<T> {
   success: boolean;
   message?: string;
   data?: T;
@@ -20,10 +16,6 @@ interface API {
   registerUser(user: NewUser): Promise<APIResponse<User>>;
   /** Remove a user */
   removeUser(username: string, token: string): Promise<APIResponse<User>>;
-  /** Login */
-  login(NewUser: NewUser): Promise<APIResponse<string>>;
-  /** Renew the token */
-  renewToken(token: string): Promise<APIResponse<string>>;
   /** Create a project */
   createProject(
     project: NewProject,
@@ -33,19 +25,16 @@ interface API {
   submitWeeklyReport(
     project: NewWeeklyReport,
     token: string,
-  ): Promise<APIResponse<NewWeeklyReport>>;
+  ): Promise<APIResponse<Project>>;
-  /**Gets a weekly report*/
+  /** Renew the token */
-  getWeeklyReport(
+  renewToken(token: string): Promise<APIResponse<string>>;
-    username: string,
-    projectName: string,
-    week: string,
-    token: string,
-  ): Promise<APIResponse<NewWeeklyReport>>;
   /** Gets all the projects of a user*/
   getUserProjects(
     username: string,
     token: string,
   ): Promise<APIResponse<Project[]>>;
+  /** Login */
+  login(NewUser: NewUser): Promise<APIResponse<JSON>>;
 }
 
 // Export an instance of the API
@@ -61,19 +50,13 @@ export const api: API = {
       });
 
       if (!response.ok) {
-        return {
+        return { success: false, message: "Failed to register user" };
-          success: false,
-          message: "Failed to register user: " + response.status,
-        };
       } else {
-        // const data = (await response.json()) as User; // The API does not currently return the user
+        const data = (await response.json()) as User;
-        return { success: true };
+        return { success: true, data };
       }
     } catch (e) {
-      return {
+      return { success: false, message: "Failed to register user" };
-        success: false,
-        message: "Unknown error while registering user",
-      };
     }
   },
 
@@ -176,64 +159,40 @@ export const api: API = {
   },
 
   async submitWeeklyReport(
-    weeklyReport: NewWeeklyReport,
+    project: NewWeeklyReport,
     token: string,
-  ): Promise<APIResponse<NewWeeklyReport>> {
+  ): Promise<APIResponse<Project>> {
     try {
-      const response = await fetch("/api/submitWeeklyReport", {
+      return fetch("/api/submitWeeklyReport", {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           Authorization: "Bearer " + token,
         },
-        body: JSON.stringify(weeklyReport),
+        body: JSON.stringify(project),
-      });
+      })
-
+        .then((response) => {
           if (!response.ok) {
             return {
               success: false,
               message: "Failed to submit weekly report",
             };
-      }
-
-      const data = (await response.json()) as NewWeeklyReport;
-      return { success: true, data };
-    } catch (e) {
-      return {
-        success: false,
-        message: "Failed to submit weekly report",
-      };
-    }
-  },
-
-  async getWeeklyReport(
-    username: string,
-    projectName: string,
-    week: string,
-    token: string,
-  ): Promise<APIResponse<NewWeeklyReport>> {
-    try {
-      const response = await fetch("/api/getWeeklyReport", {
-        method: "GET",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: "Bearer " + token,
-        },
-        body: JSON.stringify({ username, projectName, week }),
-      });
-
-      if (!response.ok) {
-        return { success: false, message: "Failed to get weekly report" };
           } else {
-        const data = (await response.json()) as NewWeeklyReport;
+            return response.json();
-        return { success: true, data };
           }
+        })
+        .then((data: Project) => {
+          return { success: true, data };
+        });
     } catch (e) {
-      return { success: false, message: "Failed to get weekly report" };
+      return Promise.resolve({
+        success: false,
+        message: "Failed to submit weekly report",
+      });
     }
   },
 
-  async login(NewUser: NewUser): Promise<APIResponse<string>> {
+  async login(NewUser: NewUser): Promise<APIResponse<JSON>> {
     try {
       const response = await fetch("/api/login", {
         method: "POST",
@@ -246,8 +205,8 @@ export const api: API = {
       if (!response.ok) {
         return { success: false, message: "Failed to login" };
       } else {
-        const data = (await response.json()) as { token: string }; // Update the type of 'data'
+        const data = (await response.json()) as JSON;
-        return { success: true, data: data.token };
+        return { success: true, data };
       }
     } catch (e) {
       return Promise.resolve({ success: false, message: "Failed to login" });

frontend/src/Components/BackButton.tsx

@@ -1,18 +0,0 @@
-import { useNavigate } from "react-router-dom";
-
-function BackButton(): JSX.Element {
-  const navigate = useNavigate();
-  const goBack = (): void => {
-    navigate(-1);
-  };
-  return (
-    <button
-      onClick={goBack}
-      className="inline-block py-1 px-8 font-bold bg-orange-500 text-white border-2 border-black rounded-full cursor-pointer mt-5 mb-5 transition-colors duration-10 hover:bg-orange-600 hover:text-gray-300 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 4vh;"
-    >
-      Back
-    </button>
-  );
-}
-
-export default BackButton;

frontend/src/Components/BackgroundAnimation.tsx

@@ -1,24 +0,0 @@
-import { useEffect } from "react";
-
-const BackgroundAnimation = (): JSX.Element => {
-  useEffect(() => {
-    const images = [
-      "src/assets/1.jpg",
-      "src/assets/2.jpg",
-      "src/assets/3.jpg",
-      "src/assets/4.jpg",
-    ];
-
-    // Pre-load images
-    for (const i of images) {
-      console.log(i);
-    }
-
-    // Start animation
-    document.body.style.animation = "backgroundTransition 30s infinite";
-  }, []);
-
-  return <></>;
-};
-
-export default BackgroundAnimation;

frontend/src/Components/InputField.tsx

@@ -1,41 +0,0 @@
-/**
- * A customizable input field
- * @param props - Settings for the field
- * @returns {JSX.Element} The input field
- * @example
- * <InputField
- *   type="text"
- *   label="Example"
- *   onChange={(e) => {
- *     setExample(e.target.value);
- *   }}
- *   value={example}
- * />
- */
-function InputField(props: {
-  label: string;
-  type: string;
-  value: string;
-  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}): JSX.Element {
-  return (
-    <div className="mb-4">
-      <label
-        className="block text-gray-700 text-sm font-sans font-bold mb-2"
-        htmlFor={props.label}
-      >
-        {props.label}
-      </label>
-      <input
-        className="appearance-none border-2 border-black rounded-2xl w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-        id={props.label}
-        type={props.type}
-        placeholder={props.label}
-        value={props.value}
-        onChange={props.onChange}
-      />
-    </div>
-  );
-}
-
-export default InputField;

frontend/src/Components/LoginCheck.tsx

@@ -1,55 +0,0 @@
-import { NewUser } from "../Types/goTypes";
-import { api, APIResponse } from "../API/API";
-import { Dispatch, SetStateAction } from "react";
-
-/*
- * Checks if user is in database with api.login and then sets proper authority level
- * TODO: change so that it checks for user type (admin, user, pm) somehow instead
- **/
-function LoginCheck(props: {
-  username: string;
-  password: string;
-  setAuthority: Dispatch<SetStateAction<number>>;
-}): number {
-  const user: NewUser = {
-    username: props.username,
-    password: props.password,
-  };
-  api
-    .login(user)
-    .then((response: APIResponse<string>) => {
-      if (response.success) {
-        if (response.data !== undefined) {
-          const token = response.data;
-          //TODO: change so that it checks for user type (admin, user, pm) instead
-          if (token !== "" && props.username === "admin") {
-            props.setAuthority((prevAuth) => {
-              prevAuth = 1;
-              return prevAuth;
-            });
-          } else if (token !== "" && props.username === "pm") {
-            props.setAuthority((prevAuth) => {
-              prevAuth = 2;
-              return prevAuth;
-            });
-          } else if (token !== "" && props.username === "user") {
-            props.setAuthority((prevAuth) => {
-              prevAuth = 3;
-              return prevAuth;
-            });
-          }
-        } else {
-          console.error("Token was undefined");
-        }
-      } else {
-        console.error("Token could not be fetched");
-      }
-    })
-    .catch((error) => {
-      console.error("An error occurred during login:", error);
-    });
-
-  return 0;
-}
-
-export default LoginCheck;

frontend/src/Components/LoginField.tsx

@@ -1,55 +0,0 @@
-import { Dispatch, FormEventHandler, SetStateAction } from "react";
-import Button from "./Button";
-import InputField from "./InputField";
-
-/**
- * A login field complete with input fields
- * and a button for submitting the information
- * @param props - Settings
- * @returns {JSX.Element} A login component
- * @example
- * <Login
- *   handleSubmit={handleSubmit}
- *   setUsername={setUsername}
- *   setPassword={setPassword}
- *   username={username}
- *   password={password}
- * />
- */
-function Login(props: {
-  handleSubmit: FormEventHandler<HTMLFormElement>;
-  setUsername: Dispatch<SetStateAction<string>>;
-  setPassword: Dispatch<SetStateAction<string>>;
-  username: string;
-  password: string;
-}): JSX.Element {
-  return (
-    <form className="flex flex-col items-center" onSubmit={props.handleSubmit}>
-      <InputField
-        type="text"
-        label="Username"
-        onChange={(e) => {
-          props.setUsername(e.target.value);
-        }}
-        value={props.username}
-      />
-      <InputField
-        type="password"
-        label="Password"
-        onChange={(e) => {
-          props.setPassword(e.target.value);
-        }}
-        value={props.password}
-      />
-      <Button
-        text="Login"
-        onClick={(): void => {
-          return;
-        }}
-        type={"submit"}
-      />
-    </form>
-  );
-}
-
-export default Login;

frontend/src/Components/ProjectListUser.tsx

@@ -1,35 +0,0 @@
-import { Link } from "react-router-dom";
-import { Project } from "../Types/goTypes";
-
-/**
- * The props for the ProjectsProps component
- */
-interface ProjectProps {
-  projects: Project[];
-}
-
-/**
- * A list of projects for users, that links the user to the right project page
- * thanks to the state property
- * @param props - The projects to display
- * @returns {JSX.Element} The project list
- * @example
- * const projects = [{ id: 1, name: "Random name" }];
- * return <ProjectList projects={projects} />;
- */
-
-export function ProjectListUser(props: ProjectProps): JSX.Element {
-  return (
-    <div>
-      <ul className="font-bold underline text-[30px] cursor-pointer">
-        {props.projects.map((project) => (
-          <Link to="/project" key={project.id} state={project.name}>
-            <li className="pt-5" key={project.id}>
-              {project.name}
-            </li>
-          </Link>
-        ))}
-      </ul>
-    </div>
-  );
-}

frontend/src/Components/Register.tsx

@@ -1,9 +1,8 @@
 import { useState } from "react";
-import { NewUser } from "../Types/goTypes";
+import { NewUser } from "../Types/Users";
 import { api } from "../API/API";
 import Logo from "../assets/Logo.svg";
 import Button from "./Button";
-import { useNavigate } from "react-router-dom";
 
 function InputField(props: {
   label: string;
@@ -32,23 +31,12 @@ function InputField(props: {
 }
 
 export default function Register(): JSX.Element {
-  const [username, setUsername] = useState<string>();
+  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState<string>();
+  const [password, setPassword] = useState("");
-  const [errMessage, setErrMessage] = useState<string>();
-
-  const nav = useNavigate();
 
   const handleRegister = async (): Promise<void> => {
-    const newUser: NewUser = {
+    const newUser: NewUser = { userName: username, password };
-      username: username ?? "",
+    await api.registerUser(newUser); // TODO: Handle errors
-      password: password ?? "",
-    };
-    const response = await api.registerUser(newUser);
-    if (response.success) {
-      nav("/"); // Instantly navigate to the login page
-    } else {
-      setErrMessage(response.message ?? "Unknown error");
-    }
   };
 
   return (
@@ -85,43 +73,6 @@ export default function Register(): JSX.Element {
               setPassword(e.target.value);
             }}
           />
-          <div className="mb-4">
-            <label
-              className="block text-gray-700 text-sm font-sans font-bold mb-2"
-              htmlFor="username"
-            >
-              Username
-            </label>
-            <input
-              className="appearance-none border-2 border-black rounded-2xl w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-              id="username"
-              type="text"
-              placeholder="Username"
-              value={username}
-              onChange={(e) => {
-                setUsername(e.target.value);
-              }}
-            />
-          </div>
-          <div className="mb-6">
-            <label
-              className="block text-gray-700 text-sm font-sans font-bold mb-2"
-              htmlFor="password"
-            >
-              Password
-            </label>
-            <input
-              className="appearance-none border-2 border-black rounded-2xl w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-              id="password"
-              type="password"
-              placeholder="Choose your password"
-              value={password}
-              onChange={(e) => {
-                setPassword(e.target.value);
-              }}
-            />
-          </div>
-          {errMessage && <p className="text-red-500 text-xs">{errMessage}</p>}
           <div className="flex items-center justify-between">
             <Button
               text="Register"

frontend/src/Components/TimeReport.tsx

@@ -1,44 +1,40 @@
 import { useState } from "react";
+import { TimeReport } from "../Types/TimeReport";
 import { api } from "../API/API";
 import { useNavigate } from "react-router-dom";
 import Button from "./Button";
-import { NewWeeklyReport } from "../Types/goTypes";
 
 export default function NewTimeReport(): JSX.Element {
-  const [projectName, setProjectName] = useState<string>("projectName"); // TODO: Get from backend
+  const [week, setWeek] = useState("");
-  const [week, setWeek] = useState<number>(NaN);
+  const [development, setDevelopment] = useState("0");
-  const [development, setDevelopment] = useState<number>(NaN);
+  const [meeting, setMeeting] = useState("0");
-  const [meeting, setMeeting] = useState<number>(NaN);
+  const [administration, setAdministration] = useState("0");
-  const [administration, setAdministration] = useState<number>(NaN);
+  const [ownwork, setOwnWork] = useState("0");
-  const [ownwork, setOwnWork] = useState<number>(NaN);
+  const [studies, setStudies] = useState("0");
-  const [studies, setStudies] = useState<number>(NaN);
+  const [testing, setTesting] = useState("0");
-  const [testing, setTesting] = useState<number>(NaN);
 
   const handleNewTimeReport = async (): Promise<void> => {
-    const newTimeReport: NewWeeklyReport = {
+    const newTimeReport: TimeReport = {
-      projectName,
       week,
-      developmentTime: development,
+      development,
-      meetingTime: meeting,
+      meeting,
-      adminTime: administration,
+      administration,
-      ownWorkTime: ownwork,
+      ownwork,
-      studyTime: studies,
+      studies,
-      testingTime: testing,
+      testing,
     };
     await Promise.resolve();
-    await api.submitWeeklyReport(newTimeReport, "token");
+    // await api.registerTimeReport(newTimeReport); This needs to be implemented!
   };
 
   const navigate = useNavigate();
 
-  setProjectName("Something Reasonable"); // This should obviously not be used here
-
   return (
     <>
       <div className="border-4 border-black bg-white flex flex-col justify-start min-h-[65vh] h-fit w-[50vw] rounded-3xl overflow-scroll space-y-[2vh] p-[30px] items-center">
         <form
           onSubmit={(e) => {
-            if (!week) {
+            if (week === "") {
               alert("Please enter a week number");
               e.preventDefault();
               return;
@@ -54,7 +50,7 @@ export default function NewTimeReport(): JSX.Element {
               type="week"
               placeholder="Week"
               onChange={(e) => {
-                const weekNumber = parseInt(e.target.value.split("-W")[1]);
+                const weekNumber = e.target.value.split("-W")[1];
                 setWeek(weekNumber);
               }}
               onKeyDown={(event) => {
@@ -85,7 +81,7 @@ export default function NewTimeReport(): JSX.Element {
                       className="border-2 border-black rounded-md text-center w-1/2"
                       value={development}
                       onChange={(e) => {
-                        setDevelopment(parseInt(e.target.value));
+                        setDevelopment(e.target.value);
                       }}
                       onKeyDown={(event) => {
                         const keyValue = event.key;
@@ -104,7 +100,7 @@ export default function NewTimeReport(): JSX.Element {
                       className="border-2 border-black rounded-md text-center w-1/2"
                       value={meeting}
                       onChange={(e) => {
-                        setMeeting(parseInt(e.target.value));
+                        setMeeting(e.target.value);
                       }}
                       onKeyDown={(event) => {
                         const keyValue = event.key;
@@ -123,7 +119,7 @@ export default function NewTimeReport(): JSX.Element {
                       className="border-2 border-black rounded-md text-center w-1/2"
                       value={administration}
                       onChange={(e) => {
-                        setAdministration(parseInt(e.target.value));
+                        setAdministration(e.target.value);
                       }}
                       onKeyDown={(event) => {
                         const keyValue = event.key;
@@ -142,7 +138,7 @@ export default function NewTimeReport(): JSX.Element {
                       className="border-2 border-black rounded-md text-center w-1/2"
                       value={ownwork}
                       onChange={(e) => {
-                        setOwnWork(parseInt(e.target.value));
+                        setOwnWork(e.target.value);
                       }}
                       onKeyDown={(event) => {
                         const keyValue = event.key;
@@ -161,7 +157,7 @@ export default function NewTimeReport(): JSX.Element {
                       className="border-2 border-black rounded-md text-center w-1/2"
                       value={studies}
                       onChange={(e) => {
-                        setStudies(parseInt(e.target.value));
+                        setStudies(e.target.value);
                       }}
                       onKeyDown={(event) => {
                         const keyValue = event.key;
@@ -180,7 +176,7 @@ export default function NewTimeReport(): JSX.Element {
                       className="border-2 border-black rounded-md text-center w-1/2"
                       value={testing}
                       onChange={(e) => {
-                        setTesting(parseInt(e.target.value));
+                        setTesting(e.target.value);
                       }}
                       onKeyDown={(event) => {
                         const keyValue = event.key;

frontend/src/Components/UserListAdmin.tsx

@@ -1,35 +0,0 @@
-import { Link } from "react-router-dom";
-import { User } from "../Types/goTypes";
-
-/**
- * The props for the UserProps component
- */
-interface UserProps {
-  users: User[];
-}
-
-/**
- * A list of users for admin manage users page, that links admin to the right user page
- * thanks to the state property
- * @param props - The users to display
- * @returns {JSX.Element} The user list
- * @example
- * const users = [{ id: 1, userName: "Random name" }];
- * return <UserList users={users} />;
- */
-
-export function UserListAdmin(props: UserProps): JSX.Element {
-  return (
-    <div>
-      <ul className="font-bold underline text-[30px] cursor-pointer padding">
-        {props.users.map((user) => (
-          <Link to="/admin-view-user" key={user.userId} state={user.username}>
-            <li className="pt-5" key={user.userId}>
-              {user.username}
-            </li>
-          </Link>
-        ))}
-      </ul>
-    </div>
-  );
-}

frontend/src/Pages/AdminPages/AdminManageUsers.tsx

@@ -1,38 +1,25 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
-import BackButton from "../../Components/BackButton";
-import { UserListAdmin } from "../../Components/UserListAdmin";
-import { User } from "../../Types/Users";
-import { useNavigate } from "react-router-dom";
 
 function AdminManageUsers(): JSX.Element {
-  //TODO: Change so that it reads users from database
+  const content = <></>;
-  const users: User[] = [];
-  for (let i = 1; i <= 20; i++) {
-    users.push({ id: i, userName: "Example User " + i });
-  }
-
-  const navigate = useNavigate();
-
-  const content = (
-    <>
-      <h1 className="font-bold text-[30px] mb-[20px]">Manage Users</h1>
-      <div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
-        <UserListAdmin users={users} />
-      </div>
-    </>
-  );
 
   const buttons = (
     <>
       <Button
         text="Add User"
         onClick={(): void => {
-          navigate("/admin-add-user");
+          return;
+        }}
+        type="button"
+      />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
         }}
         type="button"
       />
-      <BackButton />
     </>
   );
 

frontend/src/Pages/AdminPages/AdminMenuPage.tsx

@@ -6,12 +6,12 @@ function AdminMenuPage(): JSX.Element {
     <>
       <h1 className="font-bold text-[30px] mb-[20px]">Administrator Menu</h1>
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
-        <Link to="/admin-manage-users">
+        <Link to="/admin-users-page">
           <h1 className="font-bold underline text-[30px] cursor-pointer">
             Manage Users
           </h1>
         </Link>
-        <Link to="/admin-manage-projects">
+        <Link to="/admin-projects-page">
           <h1 className="font-bold underline text-[30px] cursor-pointer">
             Manage Projects
           </h1>

frontend/src/Pages/AdminPages/AdminViewUserInfo.tsx

@@ -1,17 +1,8 @@
-import { useLocation } from "react-router-dom";
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
-import BackButton from "../../Components/BackButton";
 
 function AdminViewUserInfo(): JSX.Element {
-  const content = (
+  const content = <></>;
-    <>
-      <h1 className="font-bold text-[30px] mb-[20px]">{useLocation().state}</h1>
-      <div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
-        <p>Put relevant info on user from database here</p>
-      </div>
-    </>
-  );
 
   const buttons = (
     <>
@@ -22,7 +13,13 @@ function AdminViewUserInfo(): JSX.Element {
         }}
         type="button"
       />
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/App.tsx

@@ -1,20 +0,0 @@
-import { useState } from "react";
-
-import LoginPage from "./LoginPage";
-import { useNavigate } from "react-router-dom";
-
-function App(): JSX.Element {
-  const navigate = useNavigate();
-  const [authority, setAuthority] = useState(0);
-  if (authority === 1) {
-    navigate("/admin");
-  } else if (authority === 2) {
-    navigate("/pm");
-  } else if (authority === 3) {
-    navigate("/user");
-  }
-
-  return <LoginPage setAuthority={setAuthority} />;
-}
-
-export default App;

frontend/src/Pages/LoginPage.tsx

@@ -1,32 +1,36 @@
+import Button from "../Components/Button";
 import Logo from "/src/assets/Logo.svg";
 import "./LoginPage.css";
-import { Dispatch, FormEvent, SetStateAction, useState } from "react";
+import { useEffect } from "react";
-import BackgroundAnimation from "../Components/BackgroundAnimation";
+import { Link } from "react-router-dom";
-import LoginField from "../Components/LoginField";
-import LoginCheck from "../Components/LoginCheck";
 
-function LoginPage(props: {
+const PreloadBackgroundAnimation = (): JSX.Element => {
-  setAuthority: Dispatch<SetStateAction<number>>;
+  useEffect(() => {
-}): JSX.Element {
+    const images = [
-  const [username, setUsername] = useState("");
+      "src/assets/1.jpg",
-  const [password, setPassword] = useState("");
+      "src/assets/2.jpg",
+      "src/assets/3.jpg",
+      "src/assets/4.jpg",
+    ];
 
-  /* On submit (enter or button click) check if username and password match any user
+    // Pre-load images
-   and if so, redirect to correct page */
+    for (const i of images) {
-  function handleSubmit(event: FormEvent<HTMLFormElement>): void {
+      console.log(i);
-    event.preventDefault();
-    LoginCheck({
-      username: username,
-      password: password,
-      setAuthority: props.setAuthority,
-    });
     }
 
+    // Start animation
+    document.body.style.animation = "backgroundTransition 30s infinite";
+  }, []);
+
+  return <></>;
+};
+
+function LoginPage(): JSX.Element {
   return (
     <>
-      <BackgroundAnimation />
+      <PreloadBackgroundAnimation />
       <div
-        className="flex flex-col h-screen items-center justify-center bg-cover bg-fixed"
+        className="flex flex-col h-screen w-screen items-center justify-center"
         style={{
           animation: "backgroundTransition 30s infinite",
           backgroundSize: "cover",
@@ -47,13 +51,34 @@ function LoginPage(props: {
             {" "}
             Please log in to continue{" "}
           </h2>
-          <LoginField
+          <input
-            handleSubmit={handleSubmit}
+            className="border-2 border-black mb-3 rounded-lg w-[20vw] p-1"
-            setUsername={setUsername}
+            type="text"
-            setPassword={setPassword}
+            placeholder="Username"
-            username={username}
-            password={password}
           />
+          <input
+            className="border-2 border-black mb-3 rounded-lg w-[20vw] p-1"
+            type="password"
+            placeholder="Password"
+          />
+          <Link to="/your-projects">
+            <Button
+              text="Login"
+              onClick={(): void => {
+                return;
+              }}
+              type="button"
+            />
+          </Link>
+          <Link to="/register">
+            <Button
+              text="Register new user"
+              onClick={(): void => {
+                return;
+              }}
+              type="button"
+            />
+          </Link>
         </div>
       </div>
     </>

frontend/src/Pages/ProjectManagerPages/PMChangeRole.tsx

@@ -1,6 +1,5 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
-import BackButton from "../../Components/BackButton";
 
 function ChangeRole(): JSX.Element {
   const content = <></>;
@@ -14,7 +13,13 @@ function ChangeRole(): JSX.Element {
         }}
         type="button"
       />
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/ProjectManagerPages/PMOtherUsersTR.tsx

@@ -1,12 +1,18 @@
 import BasicWindow from "../../Components/BasicWindow";
-import BackButton from "../../Components/BackButton";
+import Button from "../../Components/Button";
 
 function PMOtherUsersTR(): JSX.Element {
   const content = <></>;
 
   const buttons = (
     <>
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/ProjectManagerPages/PMProjectMembers.tsx

@@ -1,32 +1,32 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
-import BackButton from "../../Components/BackButton";
-import { Link } from "react-router-dom";
 
 function PMProjectMembers(): JSX.Element {
   const content = <></>;
 
   const buttons = (
     <>
-      <Link to="/PM-time-activity">
       <Button
         text="Time / Activity"
         onClick={(): void => {
           return;
         }}
-          type={"button"}
+        type="button"
       />
-      </Link>
-      <Link to="/PM-time-role">
       <Button
         text="Time / Role"
         onClick={(): void => {
           return;
         }}
-          type={"button"}
+        type="button"
+      />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
       />
-      </Link>
-      <BackButton />
     </>
   );
 

frontend/src/Pages/ProjectManagerPages/PMProjectPage.tsx

@@ -1,36 +1,39 @@
-import { Link } from "react-router-dom";
 import BasicWindow from "../../Components/BasicWindow";
-import { JSX } from "react/jsx-runtime";
+import Button from "../../Components/Button";
 
 function PMProjectPage(): JSX.Element {
   const content = (
     <>
       <h1 className="font-bold text-[30px] mb-[20px]">ProjectNameExample</h1>
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[5vh] p-[30px]">
-        <Link to="/project-page">
         <h1 className="font-bold underline text-[30px] cursor-pointer">
           Your Time Reports
         </h1>
-        </Link>
-        <Link to="/new-time-report">
         <h1 className="font-bold underline text-[30px] cursor-pointer">
           New Time Report
         </h1>
-        </Link>
-        <Link to="/project-members">
         <h1 className="font-bold underline text-[30px] cursor-pointer">
           Statistics
         </h1>
-        </Link>
-        <Link to="/PM-unsigned-reports">
         <h1 className="font-bold underline text-[30px] cursor-pointer">
           Unsigned Time Reports
         </h1>
-        </Link>
       </div>
     </>
   );
 
-  return <BasicWindow username="Admin" content={content} buttons={undefined} />;
+  const buttons = (
+    <>
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
+    </>
+  );
+
+  return <BasicWindow username="Admin" content={content} buttons={buttons} />;
 }
 export default PMProjectPage;

frontend/src/Pages/ProjectManagerPages/PMTotalTimeActivity.tsx

@@ -1,6 +1,6 @@
 import BasicWindow from "../../Components/BasicWindow";
+import Button from "../../Components/Button";
 import TimeReport from "../../Components/TimeReport";
-import BackButton from "../../Components/BackButton";
 
 function PMTotalTimeActivity(): JSX.Element {
   const content = (
@@ -14,7 +14,13 @@ function PMTotalTimeActivity(): JSX.Element {
 
   const buttons = (
     <>
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/ProjectManagerPages/PMTotalTimeRole.tsx

@@ -1,12 +1,18 @@
 import BasicWindow from "../../Components/BasicWindow";
-import BackButton from "../../Components/BackButton";
+import Button from "../../Components/Button";
 
 function PMTotalTimeRole(): JSX.Element {
   const content = <></>;
 
   const buttons = (
     <>
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/ProjectManagerPages/PMUnsignedReports.tsx

@@ -1,12 +1,18 @@
 import BasicWindow from "../../Components/BasicWindow";
-import BackButton from "../../Components/BackButton";
+import Button from "../../Components/Button";
 
 function PMUnsignedReports(): JSX.Element {
   const content = <></>;
 
   const buttons = (
     <>
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/ProjectManagerPages/PMViewUnsignedReport.tsx

@@ -1,7 +1,6 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
 import TimeReport from "../../Components/TimeReport";
-import BackButton from "../../Components/BackButton";
 
 function PMViewUnsignedReport(): JSX.Element {
   const content = (
@@ -29,7 +28,13 @@ function PMViewUnsignedReport(): JSX.Element {
         }}
         type="button"
       />
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/UserPages/UserEditTimeReportPage.tsx

@@ -1,7 +1,6 @@
 import BasicWindow from "../../Components/BasicWindow";
 import Button from "../../Components/Button";
 import NewTimeReport from "../../Components/TimeReport";
-import BackButton from "../../Components/BackButton";
 
 function UserEditTimeReportPage(): JSX.Element {
   const content = (
@@ -20,7 +19,13 @@ function UserEditTimeReportPage(): JSX.Element {
         }}
         type="button"
       />
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/UserPages/UserProjectPage.tsx

@@ -1,17 +1,15 @@
-import { Link, useLocation } from "react-router-dom";
+import { Link } from "react-router-dom";
 import BasicWindow from "../../Components/BasicWindow";
-import BackButton from "../../Components/BackButton";
+import Button from "../../Components/Button";
 
 function UserProjectPage(): JSX.Element {
   const content = (
     <>
-      <h1 className="font-bold text-[30px] mb-[20px]">{useLocation().state}</h1>
+      <h1 className="font-bold text-[30px] mb-[20px]">ProjectNameExample</h1>
       <div className="border-4 border-black bg-white flex flex-col items-center justify-center min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
-        <Link to="/project-page">
         <h1 className="font-bold underline text-[30px] cursor-pointer">
           Your Time Reports
         </h1>
-        </Link>
         <Link to="/new-time-report">
           <h1 className="font-bold underline text-[30px] cursor-pointer">
             New Time Report
@@ -23,7 +21,15 @@ function UserProjectPage(): JSX.Element {
 
   const buttons = (
     <>
-      <BackButton />
+      <Link to="/your-projects">
+        <Button
+          text="Back"
+          onClick={(): void => {
+            return;
+          }}
+          type="button"
+        />
+      </Link>
     </>
   );
 

frontend/src/Pages/UserPages/UserViewTimeReportsPage.tsx

@@ -1,17 +1,18 @@
 import BasicWindow from "../../Components/BasicWindow";
-import BackButton from "../../Components/BackButton";
+import Button from "../../Components/Button";
 
 function UserViewTimeReportsPage(): JSX.Element {
-  const content = (
+  const content = <></>;
-    <>
-      <h1 className="font-bold text-[30px] mb-[20px]">Your Time Reports</h1>
-      {/* Här kan du inkludera logiken för att visa användarens tidrapporter */}
-    </>
-  );
 
   const buttons = (
     <>
-      <BackButton />
+      <Button
+        text="Back"
+        onClick={(): void => {
+          return;
+        }}
+        type="button"
+      />
     </>
   );
 

frontend/src/Pages/YourProjectsPage.tsx

@@ -1,25 +1,25 @@
+import { Link } from "react-router-dom";
 import BasicWindow from "../Components/BasicWindow";
-import { ProjectListUser } from "../Components/ProjectListUser";
-import { Project } from "../Types/Project";
 
 function YourProjectsPage(): JSX.Element {
-  //TODO: Change so that it reads projects from database
-  const projects: Project[] = [];
-  for (let i = 1; i <= 20; i++) {
-    projects.push({
-      id: i,
-      name: "Example Project " + i,
-      description: "good",
-      created: "now",
-      owner: "me",
-    });
-  }
-
   const content = (
     <>
       <h1 className="font-bold text-[30px] mb-[20px]">Your Projects</h1>
-      <div className="border-4 border-black bg-white flex flex-col items-center h-[65vh] w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10vh] p-[30px]">
+      <div className="border-4 border-black bg-white flex flex-col items-center justify-between min-h-[65vh] h-fit w-[50vw] rounded-3xl content-center overflow-scroll space-y-[10px] p-[30px]">
-        <ProjectListUser projects={projects} />
+        <Link to="/project">
+          <h1 className="underline text-[24px] cursor-pointer font-bold">
+            ProjectNameExample
+          </h1>
+        </Link>
+        <h1 className="underline text-[24px] cursor-pointer font-bold">
+          ProjectNameExample2
+        </h1>
+        <h1 className="underline text-[24px] cursor-pointer font-bold">
+          ProjectNameExample3
+        </h1>
+        <h1 className="underline text-[24px] cursor-pointer font-bold">
+          ProjectNameExample4
+        </h1>
       </div>
     </>
   );

frontend/src/main.tsx

@@ -2,23 +2,148 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import App from "./Pages/App";
+import LoginPage from "./Pages/LoginPage.tsx";
-import AdminMenuPage from "./Pages/AdminPages/AdminMenuPage";
+import YourProjectsPage from "./Pages/YourProjectsPage.tsx";
-import YourProjectsPage from "./Pages/YourProjectsPage";
+import UserProjectPage from "./Pages/UserPages/UserProjectPage.tsx";
+import Register from "./Components/Register.tsx";
+import AdminMenuPage from "./Pages/AdminPages/AdminMenuPage.tsx";
+import UserEditTimeReportPage from "./Pages/UserPages/UserEditTimeReportPage.tsx";
+import UserNewTimeReportPage from "./Pages/UserPages/UserNewTimeReportPage.tsx";
+import UserViewTimeReportsPage from "./Pages/UserPages/UserViewTimeReportsPage.tsx";
+import PMChangeRole from "./Pages/ProjectManagerPages/PMChangeRole.tsx";
+import PMOtherUsersTR from "./Pages/ProjectManagerPages/PMOtherUsersTR.tsx";
+import PMProjectMembers from "./Pages/ProjectManagerPages/PMProjectMembers.tsx";
+import PMProjectPage from "./Pages/ProjectManagerPages/PMProjectPage.tsx";
+import PMTotalTimeActivity from "./Pages/ProjectManagerPages/PMTotalTimeActivity.tsx";
+import PMTotalTimeRole from "./Pages/ProjectManagerPages/PMTotalTimeRole.tsx";
+import PMUnsignedReports from "./Pages/ProjectManagerPages/PMUnsignedReports.tsx";
+import PMViewUnsignedReport from "./Pages/ProjectManagerPages/PMViewUnsignedReport.tsx";
+import AdminManageUsers from "./Pages/AdminPages/AdminManageUsers.tsx";
+import AdminViewUserInfo from "./Pages/AdminPages/AdminViewUserInfo.tsx";
+import AdminManageProjects from "./Pages/AdminPages/AdminManageProjects.tsx";
+import AdminAddProject from "./Pages/AdminPages/AdminAddProject.tsx";
+import AdminAddUser from "./Pages/AdminPages/AdminAddUser.tsx";
+import AdminChangeUsername from "./Pages/AdminPages/AdminChangeUsername.tsx";
+import AdminProjectAddMember from "./Pages/AdminPages/AdminProjectAddMember.tsx";
+import AdminProjectChangeUserRole from "./Pages/AdminPages/AdminProjectChangeUserRole.tsx";
+import AdminProjectManageMembers from "./Pages/AdminPages/AdminProjectManageMembers.tsx";
+import AdminProjectStatistics from "./Pages/AdminPages/AdminProjectStatistics.tsx";
+import AdminProjectViewMemberInfo from "./Pages/AdminPages/AdminProjectViewMemberInfo.tsx";
+import AdminProjectPage from "./Pages/AdminPages/AdminProjectPage.tsx";
 
 // This is where the routes are mounted
 const router = createBrowserRouter([
   {
     path: "/",
-    element: <App />,
+    element: <LoginPage />,
   },
   {
-    path: "/admin",
+    path: "/your-projects",
+    element: <YourProjectsPage />,
+  },
+  {
+    path: "/edit-time-report",
+    element: <UserEditTimeReportPage />,
+  },
+  {
+    path: "/new-time-report",
+    element: <UserNewTimeReportPage />,
+  },
+  {
+    path: "/project",
+    element: <UserProjectPage />,
+  },
+  {
+    path: "/register",
+    element: <Register />,
+  },
+  {
+    path: "/project-page",
+    element: <UserViewTimeReportsPage />,
+  },
+  {
+    path: "/change-role",
+    element: <PMChangeRole />,
+  },
+  {
+    path: "/other-users-time-reports",
+    element: <PMOtherUsersTR />,
+  },
+  {
+    path: "/project-members",
+    element: <PMProjectMembers />,
+  },
+  {
+    path: "/PM-project-page",
+    element: <PMProjectPage />,
+  },
+  {
+    path: "/PM-time-activity",
+    element: <PMTotalTimeActivity />,
+  },
+  {
+    path: "/PM-time-role",
+    element: <PMTotalTimeRole />,
+  },
+  {
+    path: "/PM-unsigned-reports",
+    element: <PMUnsignedReports />,
+  },
+  {
+    path: "/PM-view-unsigned-report",
+    element: <PMViewUnsignedReport />,
+  },
+  {
+    path: "/admin-add-project",
+    element: <AdminAddProject />,
+  },
+  {
+    path: "/admin-add-user",
+    element: <AdminAddUser />,
+  },
+  {
+    path: "/admin-change-username",
+    element: <AdminChangeUsername />,
+  },
+  {
+    path: "/admin-manage-projects",
+    element: <AdminManageProjects />,
+  },
+  {
+    path: "/admin-manage-users",
+    element: <AdminManageUsers />,
+  },
+  {
+    path: "/admin-menu",
     element: <AdminMenuPage />,
   },
   {
-    path: "/pm",
+    path: "/admin-project-add-member",
-    element: <YourProjectsPage />,
+    element: <AdminProjectAddMember />,
+  },
+  {
+    path: "/admin-project-change-user-role",
+    element: <AdminProjectChangeUserRole />,
+  },
+  {
+    path: "/admin-project-manage-members",
+    element: <AdminProjectManageMembers />,
+  },
+  {
+    path: "/admin-project-page",
+    element: <AdminProjectPage />,
+  },
+  {
+    path: "/admin-project-statistics",
+    element: <AdminProjectStatistics />,
+  },
+  {
+    path: "/admin-project-view-members",
+    element: <AdminProjectViewMemberInfo />,
+  },
+  {
+    path: "/admin-view-user",
+    element: <AdminViewUserInfo />,
   },
 ]);
 

testing.py

@@ -21,7 +21,6 @@ registerPath = base_url + "/api/register"
 loginPath = base_url + "/api/login"
 addProjectPath = base_url + "/api/project"
 submitReportPath = base_url + "/api/submitReport"
-getWeeklyReportPath = base_url + "/api/getWeeklyReport"
 
 
 # Posts the username and password to the register endpoint
@@ -75,7 +74,7 @@ def test_submit_report():
     response = requests.post(
         submitReportPath,
         json={
-            "projectName": projectName,
+            "projectName": "report1",
             "week": 1,
             "developmentTime": 10,
             "meetingTime": 5,
@@ -90,18 +89,9 @@ def test_submit_report():
     assert response.status_code == 200, "Submit report failed"
     print("Submit report successful")
 
-def test_get_weekly_report():
-    token = login(username, "always_same").json()["token"]
-    response = requests.get(
-        getWeeklyReportPath,
-        headers={"Authorization": "Bearer " + token},
-        params={"username": username, "projectName": projectName , "week": 1}
-    )
-    print(response.text)
 
 if __name__ == "__main__":
     test_create_user()
     test_login()
     test_add_project()
     test_submit_report()
-    test_get_weekly_report()