The new vibe-coding block inspired many nice use cases and I particularly liked this one that the vibe-coding block could one-shot as I had prepared the right data structure!
→ An app that displays for logged-in user specific quizzes with a beautiful interface that also saves their scores. Each quiz is contained in an extremely simple database setup.
The hack we are using here is to store each quiz in a text field, where we write a JSON format that contains all the information about this quiz and each of its questions and answers.
We then added a vibe-coding block to our app, natively connected this block to our quiz database and informed it about the format it should expect in the text field so it knows how to reuse that JSON to display the quiz.
We then asked our vibe-coding block to send results to a webhook that we have created in a Softr workflow, which allows to store the results automatically in the Softr Database. That’s where we are able to pull data like the maximum score that a user has reached for a specific quiz, etc.
Here are the ways I would develop this app even further:
- I would enable admins to create new quizzes either with a sort of intuitive interface that would be again a custom, again a vibe coding block where they can write all the questions and add all the possible answers. It would once they are done consolidate all of that into the JSON format to store it as a new row in the database.
- We could also enable an AI-powered or AI-assisted workflow that would allow us to go from prompt to quiz JSON as the AI would be crafting the perfect JSON to store.
Combining the reliability of a No-Code infrastructure and the magic of Vibe-Coding is completely wild.
Imagination is the limit, basic technical knowledge is the enabler.