Add quiz component for FWE

[schultek]

Adds a Quiz component for use in FWE.

[parlough]

@schultek Is this PR ready for review?

[flutter-website-bot]

Visit the preview URL for this PR (updated for commit 0bf4f18):

https://flutter-docs-prod--pr12648-feat-quiz-component-wo094agg.web.app

[schultek]

@parlough The initial implementation is ready and can be tested on the '/fwe' page locally.

What I'm not sure yet is how the flow of answering multiple questions should be. Can you define this a bit more in detail in the project item?

[parlough]

What I'm not sure yet is how the flow of answering multiple questions should be. Can you define this a bit more in detail in the project item?

Yes of course. Check the end of the project item, I added some screenshots/mockups of the flow I was thinking. Roughly:

• Add a lighter wrapper around the entire thing.
• Add a header, perhaps "Test your knowledge"
• Below the header, indicate the current question out of how many questions.
• Once all questions are complete, show a special congrats/nice job and change the "Next question" button to "Retake".

[schultek]

@parlough All done.

• Quiz title can be configured in markdown
• On correct answer user can go to next question, or complete the quiz.

Question: On "Try again" just reset the current question or the whole quiz (e.g. when answering q2 incorrect, reset to q1 or just re-answer q2)?

[parlough]

Thanks for those updates, looks amazing.

Question: On "Try again" just reset the current question or the whole quiz (e.g. when answering q2 incorrect, reset to q1 or just re-answer q2)?

Just the current question, so the implementation you have now looks great!

---

Side request. Would it be challenging to add a less prominent "Previous" button to the left of the "Next question" button after the 1st question? So users can review their previous answers and the explanation.

[schultek]

Done

[parlough]

Overall this looks and feels perfect @schultek. As always, thank you!

The main remaining ask I have is to convert the questions to buttons for improved accessible. Other than that, some small structural suggestions.

[parlough]

Love it! Thanks for making those adjustments and accessibility fixes.