Frontend Rewrite: Quizzes and scoring

[kushal-ti]

• [x] Quizzes at different difficulty levels as described in the 6-pager here
• [x] Scoring students on quizzes which are displayed at the end of a quiz

[arsen-ti]

Quiz code that can be used for reference: 1) 'put elements in the correct order' -> https://codepen.io/w3collective/pen/RwrEJgq 2) 'Multiple Choice Questions' -> https://codepen.io/botmaster/pen/vYJgXQa

[arsen-ti]

I added 'take quiz' button at homepage; Arrange elements in correct order for sequences There is a dropdown for choosing difficulty level -> easy has images as hints while standard and difficult don't Right now I only have 2 questions It's html and js, sorry, didn't have time to convert to react and typescript It keeps score

demonstration: https://www.loom.com/share/4f5e424591ad4071a710b37fa5d68533

[kushal-ti]

@arsen-ti this video only shows the incorrect and correct answers, but not how i go from incorrect to correct, i.e., how to rearrange the cards so that they are in order.

Obviously, there also need to be styling changes, please work on those as well, to make it look consistent across the UI

[arsen-ti]

@kushal-ti you rearrange them by dragging them. That's how you get from incorrect order to the correct one (e.g. 5,3,4 become 3,4,5). I don't understand what you mean

[kushal-ti]

oh sorry, i missed the part of the video where dragging is demonstrated earlier, functionally it's fine, but it needs to be fixed in terms of styling and responsiveness

[arsen-ti]

converted quizzes to react and typescript; you should be able to use it; just press on the button 'take a sequence quiz' in the sidebar https://www.loom.com/share/a0bc54afe48c4473aed55a65718fc6d0

[gao-ti]

• [ ] Frontend: Beautify quizzes
• [ ] Backend: Build quiz backend

[gao-ti]

https://github.com/trilogy-group/memorization-app/pull/64