
Standalone quiz app | Vanilla JavaScript
Design comparison
Solution retrospective
Even though I went a bit overboard on this one, I really lerarned a lot. I decided to focus on developing my JavaScript skills and chose to make it a standalanoe component. This meant populating the DOM quiz element entirely with JS, as well as injecting the styles rather than linking. The point of all this was to create a quiz-app that can be reused and embedded anywhere, by simply having a DOM-element with a class of .frontend-quiz
, putting the files (json, css, icons) in the correct server folder, and linking the frontend-quiz.js
script.
I also made use of @container
-queries to ensure responsiveness inside a user-resizable element.
Overall, I'm very proud of how this turned out.
This took a long time, and so time managment becomes something to ponder going forward.
Also, if I did it again, I would simplify the JavaScript. It was very instructive to use classes and nested classes in the way that I did, but it was not at all neccessary for a project of this size.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord