PDF Quiz Generator

This prompt outlines an interactive web quiz app, generating questions from a given PDF with timed responses, scoring, and detailed feedback.

EducationCode

Prompt

I want you to create an interactive learning game web app in html, css and javascript in the form of a quiz, based on the content of a PDF that is given as input.
The web app must contain the following functionalities:
Quiz format: A quiz with 5 questions, where each question has 4 answer options.
Timer: A visually attractive timer of 30 seconds per question. If the question is not answered within this time, the answer is automatically wrong and no more answers can be given.
Score: A clear display of the current score of the user.
Feedback and Quotes: After each answered (or expired) question, give direct feedback. Explain why the given (or not given) answer is right or wrong. Quote relevant fragments directly from the original PDF text to support the explanation.
Next Question Button: A clearly visible button that allows the user to indicate that they want to continue to the next question.
Color coding: Use red to indicate an answer is wrong, and green to indicate a correct answer.
Web app code: Generate the full code for this web app so I can share and use it.
Design: The design should be sleek and modern, with a color scheme of mostly black and white. The buttons should be black with white text.
Additional features: Think of and implement at least three additional features that are relevant and useful to users of this educational quiz app. Think of things that can improve the learning experience or increase interaction.
End of Quiz: Overview page (MANDATORY): After the last question (question 5), a separate overview page must be shown. On this page, you provide a clear overview of all questions, the answers given by the user (or the lack thereof), and the feedback given for each question (including quotes from the PDF). Mark the correct answers in green and the incorrect answers in red.
Replay: Provide the option to retake the quiz on this overview page.
No Difficulty: Do not provide an option to adjust the difficulty.
Make sure the generated web app is immediately usable and contains all the mentioned functionalities, including the mandatory overview page at the end with a summary of the answers and feedback.