βββββββ βββ βββ βββ ββββββββ
βββββββββ βββ βββ βββ ββββββββ
βββ βββ βββ βββ βββ βββββ
βββββ βββ ββββ ββββ βββ ββββ
βββββββββ βββββββ βββ ββββββββ
βββββββ βββββ βββ ββββββββ
Β· .exe Β·
Β· W I N D O W S 9 5 Β·
General Knowledge Quiz
Made for the Next Chapter application.
Tools used: codium, nvim w/ avante and some claude code testing. I am partial to anthropic and mistral when utilizing LLMs. I typically use Prettier on-save and have a host of other nvim plugins via lazyvim.
I can explain every line and could have gotten this done 10x as fast had I fully leveraged my AI setup but I know you want to see us showcase what we can do ourselves (pretty hard to avoid AI altogether these days but it is important to know the fundamentals).
I was tuning my KDE theme with a similar vibe so I had the palette ready to go. The instructions said if we have experience it was OK to show a bit of what we know. It could be improved on in many ways, adding more in-depth functionality to all the buttons, or adding more mobile breakpoints.
As of writing my friends' highest score has been 6/10; you all no doubt can do better.
I appreciate the opportunity!
π¦ Static CSS, HTML & JS.
| π§ | 10 multiple-choice general knowledge questions |
| π | real-time score tracking and progress bar |
| π | full answer review after completion |
| π±οΈ | draggable application window |
| πΒ πΒ β | functional minimize / maximize / close title bar buttons |
| π | live clock in status bar and taskbar |
| π | start menu with cascading submenus |
| π± | responsive β works on desktop and mobile |
- Click βΆ Start Quiz
- Select your answer for each question
- Click Next to advance
- View your final score and optional answer breakdown
open index.html
No build step, no server, no installs.