CLIENT - User Profile Page - View Profile

[moueedAli]

Problem Description

A user should be able to view their own profile and personal details in two ways. Either by clicking their initials in the top right corner of the screen, and then "Profile", or by clicking "Profile" in the navigation sidebar. This should direct the user to a page with the following path /profile/{userId}. Any user should be able to view any profile, e.g. a teacher should be able to see all teachers and students' profiles, and a student should be able to see all teachers and other students' profiles. When viewing a profile, the users' details are not editable, they will just be shown as a text.

Required Changes

• Functionality to navigate from initials in the top right corner, and popup "Profile" to the right profile details page with this path /profile/{userId}
• Functionality to navigate from "Profile" icon in the navigation side bar to the right profile details page with the right path /profile/{userId}
• UI elements to display the personal data for a user. All of the fields in this page Figma View Profile apart from the password is visible when viewing a profile that isn't yours.

Acceptance Criteria

• Navigation from the initials and popup "Profile" to profile page is correct
• Navigation from the "Profile" icon in the navigation side bar to profile page is correct
• UI elements that show details of the searched for user in a presentable and readable way.

Dependencies

• Backend:
  • A 200 GET request when trying to view a profile from the database and backed based on this path /profile/{userId}
• Frontend
  • UI components for text input and profile picture
• Other

[amos1969]

Approved