09.5 - Answer Input: Buttons (Correct / Wrong) + Next Card

[uxbyweng]

Value proposition

As a user
I want to mark my answer "Answered correctly" and "Incorrect answer"
so that I can complete the quiz and get results.

Description

Add buttons to mark the current card as correct/wrong and advance to the next card. This is the MVP input method (before swipe).

Acceptance criteria

• Buttons "Answered correctly" and "Incorrect answer" exist in running mode.
• Marking is only possible when the card is flipped to the answer side (clear rule).
• Clicking “Correct”:
  • increments correctCount
  • advances to next card
• Clicking “Wrong”:
  • increments wrongCount
  • advances to next card
• After the last card, quiz ends (status=finished).

Tasks

• Create a feature branch feature/quiz-answer-buttons.
• Add buttons UI + disabled state until answer is visible.
• Implement state transitions (increment + next).
• Ensure flip resets on next card.
• Ensure flip resets on next card.