User story 2 (Create an activity-list)

[jonas8900]

Value proposition Create an activity-list

As a user I want to see a list of all possible activities To be able to get inspired and choose the next group activity

Description

Acceptance criteria

• the activity-list contains a headline with the text “Aktivitäten”
• each card has the same size and contain the text with the activity.
• the scrollbehaviour is vertically
• each card has the same distance to the top, right and left

Tasks

• [x] create a branch with the name activity-list
• [x] create a folder with the name “dummyList”
• [x] and an js file with the name: activityList.js
• [x] create a variable with an array of objects with the name: activityList
• [x] every object need a name and an id
• [x] create 4 objects with the name from the description
• [x] create a component with the name Activitylist
• [x] create a h1 with the name “Friends” in the center.
• [x] create a section inside the Activitylist component
• [x] create a h2 with the name “Aktivitäten”
• [x] import styled components and place the h2 in the left corner on the top
• [x] create an ul, import the dummyList and map over the activitylist
• [x] style each list item like the description

Size

medium

[ninaassmann]

LGTM