Nxd 16 - Implement UI To Quiz Generation, Usage And Grade

[taljacob2]

In continuation of https://nextstepfinalproject.atlassian.net/browse/NXD-12 , Implement UI To Quiz Generation, Usage And Grade.

Also, implement the following ideas when doing so:

Implement a new independent page of /quiz in the UI, that accepts an input of the quiz “subject” to generate a quiz.

Then, the quiz will be shown in a well-formatted way, where each question will be given a window for inputting the user’s answer. Tell the user that his answers may get a better grades for his answers they are broad in-depth explanations. Explain to the user he can actually answer in any language that he wants if he wants to.

Also, near each question, there will be an “blinking-eye” icon that indicates whether to “hide” or “show” the answer of each question.

On the bottom of the page, there will be a submit button that is “calculate grade”, which will actually send a HTTP POST request to the server with the AnsweredQuiz.

Once the server will respond, the frontend will receive the GradedQuiz which consists of the “grade” of each question and the “tip” advice for each question. We should showcase both the “grade”s and “tip”s alongside each original question & user’s answers & answers.

Optional: The grades could be shown as gauges, scaling from 0 to 100.

Optional: The tips could be shown with a cool icon.

Finally there will be also a final “tip” and final “grade” for the whole quiz at the bottom of the page.

In continuation of https://nextstepfinalproject.atlassian.net/browse/NXD-12 , Implement UI To Quiz Generation, Usage And Grade.

Also, implement the following ideas when doing so:

Implement a new independent page of /quiz in the UI, that accepts an input of the quiz “subject” to generate a quiz.

Then, the quiz will be shown in a well-formatted way, where each question will be given a window for inputting the user’s answer. Tell the user that his answers may get a better grades for his answers they are broad in-depth explanations. Explain to the user he can actually answer in any language that he wants if he wants to.

Also, near each question, there will be an “blinking-eye” icon that indicates whether to “hide” or “show” the answer of each question.

On the bottom of the page, there will be a submit button that is “calculate grade”, which will actually send a HTTP POST request to the server with the AnsweredQuiz.

Once the server will respond, the frontend will receive the GradedQuiz which consists of the “grade” of each question and the “tip” advice for each question. We should showcase both the “grade”s and “tip”s alongside each original question & user’s answers & answers.

Optional: The grades could be shown as gauges, scaling from 0 to 100.

Optional: The tips could be shown with a cool icon.

Finally there will be also a final “tip” and final “grade” for the whole quiz at the bottom of the page.