Homepage

[DomVinyard]

User Story

As a website user, I want to be able to see a well-designed homepage with a clear layout and easy navigation, so that I can quickly access the topics I am interested in.

Description

Create a visually appealing and user-friendly homepage that displays all available topics and groups for easy navigation.

Acceptance Criteria:

• Homepage design should be responsive and compatible with all devices
• Homepage should display a list of available groups and their descriptions fetched from GET http://localhost:4000/groups.
• Each group should be displayed as a section on the homepage with the group name (in white) and description (in grey) as the title.
• For each topic inside a group, use the <RelationCard> component to display a link to the topic.
• Clicking on a topic link should take the user to the corresponding topic page.
• Homepage should load quickly and efficiently to provide a good user experience.
• We should have good test coverage

[DomVinyard]

This likely involves a new <Group> component

[DomVinyard]

Your local environment should have a single group called WebDev with our dev topics. In our production environment we will create more general groups for things like Science, Arts, Culture, etc.