User Story - Quizmode (preparation for spaced repetition)

[Nesssaaa]

Value proposition

As a User I want to learn my flashcards in a quiz-mode so I can

• focus on just one card at a time,
• decide for now, if this particular card is mastered (and is moved to archive) or should be quizzed later again,
• and navigate to the next flashcard inside the quiz.

Description

Acceptance criteria

• [x] by clicking on a quiz button at the collection/[id] page you can switch to the quiz page.
• [x] the quiz page shows
  • a header
  • a single flashcard of the corresponding collection
  • buttons to navigate to the next and previous flashcard in the quiz
  • a button/link to navigate back to collectionList-page

Tasks

• [x] create a branch
• [x] create a new page named quiz.js
• [x] add a button labelled quiz mode on the collection page, which links to the quiz page
• [x] add to quiz page
  • [x] a new state quizCards, which is an array of card ids, for the default value select up to 15 random cards
  • [x] a new state quizPosition, which is a number, default value 0
  • [x] header
  • [x] collection name
  • [x] CardContainer, which shows the Card with the id stored at index quizPosition of the array quizCards
  • [x] Buttons which increase or decrease the current quizPosition using the setter function
  • [x] Previous button is hidden, if quizPosition is 0, next button is hidden, if quizCards.length-1
  • [x] Button which leads back to collectionList

---

related next USs:

• Progressbar for Quiz
• Restart - Button for new Quiz with not-mastered cards in current quiz round
• show result after quizzing the last card
• button for switching answer and question, so that you can learn vocabulary in both directions
• ggfls Umbau CollectionNavBar als Floating-Action-Button
• (maybe styling quizpage with corresponding background color of collection?)

[MareikeFla]

Sounds good to me! Happy hacking!