09.6 - Swipe Input (Correct right / Wrong left)

[uxbyweng]

Value proposition

As a user
I want toswipe right/left to answer,
so that I can move fast through the quiz with gestures.

Description

Implement swipe gestures as an alternative to buttons using a gesture/animation library.

Acceptance criteria

• User can drag/swipe the current card horizontally.
• Below threshold: card snaps back to center.
• Above threshold:
  • swipe right commits “Correct”
  • swipe left commits “Wrong”
• On commit:
  • card animates out of view
  • counter updates
  • next card appears
• Swipe is only allowed when answer side is shown (same rule as buttons).

Tasks

• Create a feature branch feature/quiz-swipe.
• Pick gesture solution (e.g. framer-motion) and implement drag on x-axis.
• Implement thresholds (e.g. 25% of viewport width).
• Wire swipe outcomes to the same “answer” handler as buttons.