Quiz generator (Django + AJAX + GPTchat API)

Overview

• Backend - django, AJAX and GPTchat API to generate quizes

• relational DB

• asynchronous loading and saving of the highscore value

• extended admin page with nested lists

• Frontend - HTML, CSS, vanilla JS

You can find it hosted at https://quizgenerator.pythonanywhere.com/. Git version does not contain personal keys needed to run the website locally.

Warning

• My API key has already expired, therefore quiz generating is not currently available. You will see "GPT response error" after generation attempt.

• You can still choose a quiz to play from the highscores list: https://quizgenerator.pythonanywhere.com/highscores

Generate

Generate a quiz based on form input values (topic, time limit, GPT temperature, amounts of questions and answers)

Generated quiz looks like this:

It's GPT 3.5 (text-davinci-003) so it bases on the training set which is already outdated (up to Jun 2021). If it won't know much about the topic it will make it up, thus I do not guarantee that the quizzes are in line with reality.

Beat the highscore

If you earn enough points, you can overwrite current highscore with your nickname (asynchronously - AJAX)

You can check the table of generated quizes, ordered by the score (highscores) to compare your results. Hover over the table header's name to see detailed description.

Admin page

Here you can see a list of all the generated quizes (or - potentially - generation requests which went wrong with the whole response text).

When you enter a single quiz from that list, you get more details.

You can see a nested list implemented here for better control and overview of questions and answers from the admin page.

That's all folks. Go and solve a quiz now ;)