AP-Students / website

1 stars 17 forks source link

Created question renderer component (Check for understanding) #68

Closed manningwu07 closed 1 month ago

manningwu07 commented 1 month ago

This cannot be used for quizzes on its own unless you wish to expose the answers right after (and disable the retry button). However, most of the framework is there and you can just tweak it to make the react component into a test format, but for now I think this is solid.

PS Please work or else im going to cry. Vercel deployment fails but looking abck at other PRs, it seems that others have failed deployments too so im going to ignore that.

manningwu07 commented 1 month ago

I never wrote "previous question" "next question" in my code...can you show me where I wrote those 2 buttons in my commit?

manningwu07 commented 1 month ago

New update - I created 2 components: one for tests and one for "check for understanding". So the "check for understanding" is like within an article to see if the user got the concept. Theres a retry button and an indication of what you got correct or incorrect. The quiz component has multiple questions; its pretty basic right now but others can add certain features - eg show correct or like have a star/fireworks or something if user gets 100%.

manningwu07 commented 1 month ago

Also, since the 2 components are very similar because the main UI is practically the same, I believe someone else whos more experienced can create higher ordered components in order to simplfy and abstract large parts of the code.

manningwu07 commented 1 month ago

Screenshot 2024-08-05 at 1 32 17 PM Screenshot 2024-08-05 at 1 31 58 PM Screenshot 2024-08-05 at 1 31 49 PM

Screenshot 2024-08-05 at 1 32 14 PM