feat: Implement `AssociationQuestionView` - Githubissues

RoadTripMoustache / kana_to_kanji

Simple application to learn Japanese kana (hiragana, katakana) and kanji

5 stars 1 forks source link

feat: Implement `AssociationQuestionView` #178

Open apomalyn opened 4 months ago

apomalyn commented 4 months ago

Requirements

Implement the AssociationQuestionView, it should:

adapt to the number of pairs to display
validate the pair selected and display the correct flow accordingly
move to the next question when everything is answered

What needs to be done

Implement AssociationQuestionView view under src/practice/questions:
- constructor takes:
- AssociationQuestion question
- Function(bool askAgain) onAnswered
- UI use the QuestionSkeleton as wrapper:
- add the Instruction widget with the custom instruction:
  - 🇬🇧 : Match together
  - 🇫🇷 : Associe ensemble
- display in two separated columns the options (using AssociationQuestionOptionCard) of leftColumn and rightColumn from the view model

Design

AssociationQuestionView flow

![image](https://github.com/RoadTripMoustache/kana_to_kanji/assets/22211097/677a22d7-d39f-48fc-9c22-2c337c5279bc)

Dependencies

Child of #172

Depends on:

169
176
177