Vibe-coding page #5: Survey results

Some Loquiz games include survey tasks. For the players, it’s always fun to answer a question to give their own opinion on something. Otherwise, the survey tasks can also be useful for some game mechanisms. What if I tell you that with Vibe-Coding, you could display a survey task’s results in a visual way?

Try this out now, copy and paste the game ID F3XDTC3DJJ.

Please note that it does not work with any game that doesn’t include these two specific tasks.

How to make it yourself?

In fact, it’s easy to recreate such a result page using Vibe-Coding. Just go to your favorite LLM (e.g. ChatGPT, Copilot, or Gemini), then copy and paste the following prompt and attach this .txt file. Finally, replace the [task ID] with the ID that you find in the URL when you’re editing a task (see picture below) and replace [survey description]. Please note that you can add as many survey tasks as you want.

Build me a HTML result page that has:  One field field to put game ID and confirm button. Once confirmed, we see : 
For task [taskID], make a graph that shows the results repartition.
It's a survey about [survey description]

Use the attached api-for-llms.txt file to get instruction on how to fetch Loquiz results data
No need of API key Loquiz

If you want something a bit more specific, you can add instructions at the end of the prompt. For example: “Include a dark/light mode” or “Add a leaderboard”. Be as specific as possible. You can also ask to edit different elements after the AI has generated the code, such as the graph appearance.

Let me know what you think of it! If you have any idea of a custom results page, feel free to send me an email.