During a study session, a friend brought up the idea of dorm rooms versus prison cells, and asked if we ever took the quiz, so we searched for it online and it seemed pretty bare-bones, so I decided I'd have a go at making one myself.
Link: https://dormiq.xyz/
Built with
- Next.js
- Tailwind
- Convex
- Zustand
- shadcn
- Framer Motion
I used Convex as image storage for the dorms and prison cell pictures, and query functions to retrieve the name and correct answer for each image. I tried to make the quiz as frictionless as possible so there's no auth implemented or anything like that.
This was also the first time I worked with dynamic OG images using vercel/og, so whenever you share your score at the end of the quiz or copy the link at the scoreboard page, a dynamic OG image will be generated showcasing your accuracy!