CLIENT - Cohorts page - Student view - get data from backend for students

[mariehhansen]

Problem Description

This is the "My cohort" part of the Student page as shown in Figma (https://www.figma.com/design/j9QIHvgM0wOVw3xDe9KdWB/My-Copy--Cohort-Manager-app---Designs?node-id=238-11487&t=ZY7qKHr1VkS6zuXQ-0). The user is shown a list of all students in the same cohort as the user. The user can see the duration of the course. The user can click the dots on the right hand side of each student/teacher and view their individual profile. This will navigate the user to a new page, with information of the user.

Required Changes

• Remove hard coded values and placeholders in cohort components
• Create UI element so that the user can view a single student profile from the list
• Implement functionality for navigation between student view page and profile view page
• The goal is for the student view cohorts page to display data from backend, and not hard coded values

Acceptance Criteria

Conditions that must be met for the task to be considered complete.

• UI element that shows list of students and teachers from DB
• Functionality that navigate to the right profile

Dependencies

• Backend:
  • Get a 200 GET response from DB for list of students
  • Get a 200 GET response from DB for list of teachers
  • Get a 200 GET response from DB for one student based on Id
  • Get a 200 GET response from DB for one teacher based on Id
• Frontend:
  • Probably depends on other UI components, and maybe on the users role

[emazau]

Approved