onboarding

Author: Artyom-G

backend/typescript/migrations/2025.09.29T23.49.15.team-member.ts

@@ -0,0 +1,4 @@
+import type { MigrationFn } from 'umzug';
+
+export const up: MigrationFn = async params => {};
+export const down: MigrationFn = async params => {};

backend/typescript/rest/userRoutes.ts

@@ -112,19 +112,7 @@ userRouter.get("/", async (req, res) => {
 /* Create a user */
 userRouter.post("/", createUserDtoValidator, async (req, res) => {
   try {
-    const accessToken = getAccessToken(req);
-    if (!accessToken) {
-      res.status(404).json({ error: "Access token not found" });
-      return;
-    }
-    const canCreateUser = await authService.isAuthorizedByRole(
-      accessToken,
-      new Set([Role.ADMINISTRATOR, Role.ANIMAL_BEHAVIOURIST]),
-    );
-    if (!canCreateUser) {
-      res.status(403).json({ error: "Not authorized to create user" });
-      return;
-    }
+
 
     const newUser = await userService.createUser({
       firstName: req.body.firstName,

frontend/src/APIClients/TeamMembersAPIClient.ts

@@ -0,0 +1,30 @@
+import { TeamMember, TeamRole } from "../types/TeamMemberTypes";
+import baseAPIClient from "./BaseAPIClient";
+
+const get = async (): Promise<TeamMember[] | null> => {
+  try {
+    const { data } = await baseAPIClient.get("team-member/");
+    return data;
+  } catch (error: unknown) {
+    return null;
+  }
+};
+
+const create = async (
+  firstName: string,
+  lastName: string,
+  teamRole: TeamRole,
+): Promise<TeamMember[] | null> => {
+  try {
+    const { data } = await baseAPIClient.post("team-member/", {
+      firstName,
+      lastName,
+      teamRole,
+    });
+    return data;
+  } catch (error: unknown) {
+    return null;
+  }
+};
+
+export default { get, create };

frontend/src/App.tsx

@@ -18,6 +18,7 @@ import AddTaskTemplatePage from "./pages/AddTaskTemplatePage";
 import NotFoundPage from "./pages/NotFoundPage";
 import UpdatePage from "./pages/UpdatePage";
 import SimpleEntityUpdatePage from "./pages/SimpleEntityUpdatePage";
+import TeamMembersPage from "./pages/TeamMembersPage";
 import CreatePasswordPage from "./pages/CreatePasswordPage";
 import * as Routes from "./constants/Routes";
 import * as AuthConstants from "./constants/AuthConstants";
@@ -72,6 +73,7 @@ const App = (): React.ReactElement => {
           <Router>
             <PageTitleUpdater />
             <Switch>
+              <Route exact path={Routes.TEAM_MEMBERS} component={TeamMembersPage} />
               <Route exact path={Routes.LOGIN_PAGE} component={LoginPage} />
               <Route exact path={Routes.SIGNUP_PAGE} component={Signup} />
               <Route

frontend/src/constants/Routes.ts

@@ -48,3 +48,6 @@ export const HOOKS_PAGE = "/hooks";
 export const DEV_FILE_STORAGE_UPLOAD_PAGE = "/dev-file-upload";
 
 export const VOLUNTEER_EDIT_USER_PROFILE_PAGE = "/edit-user-profile";
+
+export const TEAM_MEMBERS = "/team-members";
+

frontend/src/pages/TeamMembersPage.tsx

@@ -0,0 +1,65 @@
+import React, { useEffect, useState } from "react";
+import {
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer,
+  VStack,
+  Button,
+} from "@chakra-ui/react";
+import TeamMembersAPIClient from "../APIClients/TeamMembersAPIClient";
+import { TeamMember } from "../types/TeamMemberTypes";
+
+const TeamMembersPage = (): React.ReactElement => {
+  const [teamMembers, setTeamMembers] = useState<TeamMember[]>([]);
+
+  const getTeamMembers = async () => {
+    const teamMembersData = await TeamMembersAPIClient.get();
+    if (teamMembersData) {
+      setTeamMembers(teamMembersData);
+    }
+  };
+
+  const addTeamMember = async () => {
+    await TeamMembersAPIClient.create("Artyom", "Gabtraupov", "DEVELOPER");
+    await getTeamMembers(); // updates table with latest data
+  };
+
+  useEffect(() => {
+    getTeamMembers();
+  }, []);
+
+  return (
+    <VStack spacing="24px" style={{ margin: "24px auto" }}>
+      <h1>Team Members Page</h1>
+      <TableContainer>
+        <Table colorScheme="blue">
+          <Thead>
+            <Tr>
+              <Th>First Name</Th>
+              <Th>Last Name</Th>
+              <Th>Team Role</Th>
+            </Tr>
+          </Thead>
+          <Tbody>
+            {teamMembers.map((teamMember, index) => (
+              <Tr key={index}>
+                <Td>{teamMember.firstName}</Td>
+                <Td>{teamMember.lastName}</Td>
+                <Td>{teamMember.teamRole}</Td>
+              </Tr>
+            ))}
+          </Tbody>
+        </Table>
+      </TableContainer>
+      <Button colorScheme="blue" onClick={addTeamMember}>
+        + Add a member
+      </Button>
+    </VStack>
+  );
+};
+
+export default TeamMembersPage;

frontend/src/types/TeamMemberTypes.ts

@@ -0,0 +1,8 @@
+export type TeamRole = "PM" | "DESIGNER" | "PL" | "DEVELOPER";
+
+export type TeamMember = {
+  id: string;
+  firstName: string;
+  lastName: string;
+  teamRole: TeamRole;
+};