Build Project Author Profile Page

[Fis-ayo]

Description

Create the author profile page. This page should display the author’s main profile information, provide a way to send a collaboration/connection request, and organize the author’s content into tabs.

The page should help users learn more about a project author and explore the author’s background and work.

Tasks

• Create the author profile page/component
• Fetch author profile data from the backend using the profile_id
• Display the author’s main profile information, for instance:
  • full name
  • role
  • collaborate button
• Add tab navigation for the page
  • About tab
  • Projects tab
• Build the About tab content
  • display author bio
  • display tech stack expertise
• Build the Projects tab content
  • fetch all projects belonging to that author
  • display the author’s projects as a list or grid
• Make the collaborate button ready to support sending a connection request
• Handle loading state while author data is being fetched
• Handle empty state if the author has no projects
• Handle error state if author data cannot be loaded

Functional Requirements

• The page should load based on the selected author from the dashboard
• The author profile page should display the author’s full name and role clearly
• The collaborate button should be visible and intended for sending a connection request
• The About tab should show the author’s bio and tech stack expertise
• The Projects tab should show all projects that belong to the selected author
• Users should be able to switch between tabs without leaving the page
• The page should use backend data, not hardcoded values

References

Follow design structure in
Figma

Acceptance Criteria

• Author profile page is created and connected to routing
• Clicking an author link from the dashboard opens the correct author page
• Author full name and role are displayed
• Collaborate button is visible on the page
• About tab displays bio and tech stack expertise
• Projects tab displays all projects created by that author
• Author projects are fetched successfully from the backend
• Loading, empty, and error states are handled properly
• Page is ready for future connection-request integration

[DevDominique]

Hey team, I think this is a duplicate of the User profile page. I just wanted to make sure we don't overlap the same task. I don't think we need this page at all because everything here should be on the user profile already.

[Fis-ayo]

Hey team, I think this is a duplicate of the User profile page. I just wanted to make sure we don't overlap the same task. I don't think we need this page at all because everything here should be on the user profile already.

This is different. This is for viewing other's profile.