Vibe coding a football quiz
I did a thing. Despite being completely disinterested in football, I built a quiz app for this website.
Why?#
I was curious about the capabilities of Large Language Models (LLMs) to generate entire applications. A quiz, with its structured nature, seemed like the perfect project to test this out.
How?#
I activated “Canvas mode” within Google Gemini and began prompting.
My first prompt was: “generate a website that quizzes the user about ipswich town fc all 1 html file”. Gemini quickly returned a simple quiz interface, neatly styled with Tailwind CSS.
So far, so good. To ensure its versatility, I then asked for quizzes on other football teams, like Chelsea, to confirm the functionality.
I didn’t just want one or two teams; I wanted all 20 of the Premier League teams for the 2024/2025 season. So, I prompted the AI: “make one where i can select a premier league team from 24/25 and do a quiz on them..” With a little more refinement in my prompts, I had a fully working webpage!
Finally, with a functional quiz featuring questions for each team, I moved on to polishing the aesthetics with my own CSS magic.
Where to play?#
At the time this blog post was published, the quiz was released on this website and you can play it here.
AI and LLMs have come a long way since their inception. The future is bright… or dark, depending on how you look at it. 😅
# Harley 😀
Written by a human, edited by an AI