User Story 1 - Flashcard-Demo

[Nesssaaa]

User Story -1 Flashcard Demo

Value Proposition

As an student I want to see pairs of information in English and German So that I can test the app an see how it works

Description

Acceptance criteria

• [ ] 4 example cards are shown at the same time
• [ ] Translation appears on click inside the card below the question
• [ ] The cards are shown as a vertically scrollable list
• [ ] Header is always visible

Tasks

• [x] Create a data-array in lib/data with 10 example word-pairs
• [x] Data-array contains: id, the word "welcome" in 4 different languages and the german translation
• [x] Create component Card to render the Flashcard
• [ ] Create default function HomePage in “pages/ index.js“ that renders our Card component
• [ ] Create Header component
• [ ] Render Header component in pages/ index.js
• [ ] Card-Container is clickable; answer-paragraph is shown on toggle