Skip to content

Create Pages for Topics List and Topic Details #23

@payam-zahedi

Description

@payam-zahedi

Description:
We need to create two separate pages:

  1. Topics List Page – Displays all available topics.
  2. Topic Details Page – Shows details of a specific topic, including relevant members associated with it.

Requirements:

1. Topics List Page (/topics)

  • Should display all topics in a structured layout (e.g., grid or list).
  • Each topic should be clickable, leading to its individual details page.
  • Fetch and display data from the topicCollection.

2. Topic Details Page (/topics/[topic-slug])

  • Should display the full details of a specific topic.
  • The page should retrieve data dynamically based on the topic's slug.
  • Display topic’s:
    • Title
    • Description
    • Metadata (if applicable)
  • Show all members associated with this topic (retrieved from memberCollection).
  • Each member should be clickable, linking to their Member Details Page.

Acceptance Criteria:

  • Create a /topics page that lists all topics in a grid or list format.
  • Ensure each topic links to its respective /topics/[topic-slug] page.
  • Implement a dynamic /topics/[topic-slug] page that fetches and displays topic details.
  • Fetch and display all members associated with the topic.
  • Ensure the UI is clean and responsive.
  • Handle missing or incorrect data gracefully.

Image

Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions