Open and close card component, integrate content in card

[devchristiansimon]

Value proposition

As a user I want to see a new window when i click on a card so that i can see the additional content of the card

Description

Acceptance criteria

• [ ] When clicking on a card, a new window is opened.
• [ ] When clicking the closing button of the detailed card, the detailed view is closed.
• [ ] functional video player with start, pause and stop function
• [ ] display video, title, description, views and ratings

Tasks

• [ ] Create modal component with useState
• [ ] styling the window-mock
• [ ] integrate close button in the upper right corner
• [ ] integrate player and video url from JSON
• [ ] integrate title, description views, rating from JSON
• [ ] testing

[PReichetanz]

Hi Gustl,

a really good start for your user story! 🎉

💬 Let's discuss some issues which came to my mind while reading:

Acceptance Criteria

• "onClick" is something special for developers, but not for the customer ;) Let's rephrase: When clicking on a card, a new window is opened.
• When clicking the closing button of the detailed card, the detailed view is closed.
• You can start, pause, and stop the video.

Tasks

• If you haven't done so far, you might search for the React useRef() hook in order to implement a video.

[SLS-BLN]

Just a short question: "Beschreibung" looks like a button or a form input field. Is this just my misperception or planned? Plus one typo in line 2: the word "I" is missing before "click". Best

[devchristiansimon]

Just a short question: "Beschreibung" looks like a button or a form input field. Is this just my misperception or planned? Plus one typo in line 2: the word "I" is missing before "click". Best

The grey field visualizes the place for the the description. an input wont make sense here