[FEATURE] QuizMaster Insights

[ZizouX0]

Detailed description

QuizMaster Insights is a proposed feature enhancement aimed at augmenting the educational value of quiz-based applications within our project. This feature intends to provide immediate, detailed feedback on quiz questions, offering not just the correct answers but also comprehensive explanations and insights into why a particular answer is correct.

Context

The primary goal of QuizMaster Insights is to transform quizzes from mere assessments into learning opportunities. By providing users with the correct answers and explanatory context, this aims to foster a deeper understanding of the subject matter, encourage self-reflection on misconceptions, and support continuous learning.

Possible implementation

1)Upon completion of a quiz, or after each question (configurable by the user or admin), QuizMaster Insights will display the correct answer alongside a detailed explanation. This explanation could include references, further reading links, and contextual knowledge that enriches the user's understanding. 2)This feature could be implemented as an optional toggle for educators or quiz creators, allowing them to choose when and how to reveal answers and insights, based on their pedagogical approach.

Additional information

benefits of this feature : -Enhanced Learning Experience -Customizable Feedback: Provides flexibility to educators conclusion : QuizMaster Insights is not just a feature; it’s a step towards redefining the role of quizzes in learning ecosystems. By bridging the gap between assessment and education, we can create a more engaging, informative, and transformative learning experience for users of all ages and backgrounds.

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[github-actions[bot]]

It's great having you contribute to this project

🌟 Welcome to the community 🌟

- If you would like to continue contributing to open source and would like to do it with an awesome inclusive community. - You should join our [Discord](https://discord.gg/QHBPq6xP5p) chat and our [GitHub Organisation](https://github.com/thecyberworld). - We help and encourage each other to contribute to open source little and often 😄. - Any questions let us know.

[ArkadiK94]

@kabir0x23

[kabir0x23]

it's a nice idea 👍

thanks for creating an issues

let us know if u are interested to work on

Thank you

[ZizouX0]

well I tried to work on it but i didn't find any solutions but I really think that this feature should be added in the quizzes to help the user learn from their mistakes

[firassssss]

is this basically ,adding additional notes when the user gets the answer wrong? @ArkadiK94 can i work on this ?

[ArkadiK94]

@firassssss yes, you can work on it but do it in a way that it will not affect the flow of the quiz and consider that not every user would like to see it.

[firassssss]

what do think about this implementation? when clicking on the icon next to "next question" it will render that box with the additional info about the question . i need you opinion about the styling of the info box? can you give me some guidence ?

[ArkadiK94]

@firassssss this icon should be beside the correct answer after picking any answer, in my opinion, because in this way hard to understand to what it is related. What do you think?

@kabir0x23 what do you think?

[firassssss]

@firassssss this icon should be beside the correct answer after picking any answer, in my opinion, because in this way hard to understand to what it is related. What do you think?

@kabir0x23 what do you think?

i agree with you . but what about the info box styling ?

[ArkadiK94]

@firassssss In my opinion, it looks great.

[firassssss]

what do think about this implementation . and can you please provide me with the actual "additional dtata for each question .or could someone add it later on ?

[ArkadiK94]

@kabir0x23 do we have some additional data that we could add here for now?

[ArkadiK94]

@firassssss Hmm, ok, now it looks a little bit strange that you click in one place and it appears in different place.

Hmm, what do you say about making it all as different section under the possible answers that the user can open or close? Because I am not sure that this space is enough for all cases maybe we will need to have a paragraph that explains the answer...

I would like to hear your thoughts before you jump to do it :)

[firassssss]

in my opinion , the info button is places in an optimal position , even if the user is not paying attention the button is next to the latest place he clicked on (the wrong answer) . he does not need to look for it . but for the additional info text , putting it under the questions will make the user look for it , (specially if the list on answers is long '4answrs and every answer is 2 lines )but in that position it will be very clear and you can add a reasonable paragraph there as shows the screen shot the paragraph has 100 word

[ArkadiK94]

@firassssss I don't like how it looks, what do you say about making it a modal window?

[ArkadiK94]

@kabir0x23 do you have any suggestion regarding it?

[firassssss]

@firassssss I don't like how it looks, what do you say about making it a modal window?

is there a used modal in the website? or can i import a predifined one from material ui ?or should i generate one from scratch ?

[ZizouX0]

I think that the quiz should be at top section and the Button should be at the bottom right as all other quiz websites are doing . This will improve the user experience

[ArkadiK94]

@ZizouX0 could you provide such a website so we will see an example for implementation? Or even a screenshot/short video

[ArkadiK94]

@firassssss We don't use a components library. I will check if we have anywhere a modal window and I will let you know.

[ArkadiK94]

@firassssss src/components/Common/PopUpWindow.jsx

if you need to modify this common component in some way make sure that you check other places that this component is used, which is only in FeedPagePost.jsx file.

[Salem-Bourguiba]

can we use different styles for a component used in different components ? exemple : can he set a styling for the popUpWindow in component1 with out effecting the styling of the PopUpWindow in component2 ? how does this work ?

[ArkadiK94]

@Salem-Bourguiba I can think of two options.

1. Pass new boolean prop to the PopUpWindow component which will indicate when to use the different style
2. Wrap the component inside a local component and in styles you can point on the component element, for example if it is a button, in styles you will do something like: div{button{}}

I prefer using first approach for the major of the cases.

[firassssss]

can we use different styles for a component used in different components ? exemple : can he set a styling for the popUpWindow in component1 with out effecting the styling of the PopUpWindow in component2 ? how does this work ?

i can achieve this by sending a prop containing custom styles to the popupwindow component and using in other coponents like this

[firassssss]

i made sure that the styling in the FeedPagePost.jsx did not get messed up

[firassssss]

i made sure that the styling in the FeedPagePost.jsx did not get messed up

should i create a pull request ?

[ArkadiK94]

Yes

[ZizouX0]

@ZizouX0 could you provide such a website so we will see an example for implementation? Or even a screenshot/short video https://webflow.com/made-in-webflow/website/Do-you-know-your-constellations-image-based-quiz
You can check this link for an example .

[ArkadiK94]

None, addition info...

[ZizouX0]

None, addition info... I know it just the design of the button is always at the right bottom that's what people are used of in this case it is a "next" button .So i think that we can add the "show answer " button on that side for an optimal user experience .

[ArkadiK94]

@ZizouX0 I understand, @kabir0x23 what do you think?