As a learner, I would like to be able to see all the important controls in the quiz as well as a progress status on all my devices so that the quiz is easy to use and I can orient myself better.
As a learner, I would like to see a final status display at the end of the quiz that summarizes my learning result and gives me the option of either starting a new quiz round directly or exiting quiz mode,
so that I can monitor my learning success and continue to use the app sensibly once I have finished.
Translated with DeepL.com (free version)
Description
Attention: ! Link "zurück zur Übersicht" remains intentionally.
post scriptum: I added a swipe functionality to the quizzed Cards.
Acceptance criteria
[x] The QuizPage is responsive; CardContainer, Buttons and progress status are always shown.
[x] the navigation arrows aren't shown anymore
[x] the title with collectionname isn't shown anymore
[x] after quizzing all cards, a final page with Feedback and Links to continue quizzing or returning to collections/[id] is shown
Tasks
[x] refactor quizPageStyling with flexbox (maybe Wrapperdivs/ overflow:scroll in CardContainer) and positioning and relative units like vH and rem until whole page is responsive
[x] delete code from arrows and title
[x] add a new state variable to count the number of right answers (rightAnswers) to quizPage, default = 0
[x] increment the counter in the function onClickRight
[x] add a new state variable showSummary, default = false
[x] in function continueQuiz instead of showing the toast setShowSummary to true
[x] in the rendering show the summary instead of the card (ternary)
Value proposition
As a learner, I would like to be able to see all the important controls in the quiz as well as a progress status on all my devices so that the quiz is easy to use and I can orient myself better. As a learner, I would like to see a final status display at the end of the quiz that summarizes my learning result and gives me the option of either starting a new quiz round directly or exiting quiz mode, so that I can monitor my learning success and continue to use the app sensibly once I have finished.
Translated with DeepL.com (free version)
Description
Attention: ! Link "zurück zur Übersicht" remains intentionally.
post scriptum: I added a swipe functionality to the quizzed Cards.
Acceptance criteria
Tasks
rightAnswers
) to quizPage, default = 0showSummary
, default = false