Standalone quiz app | Vanilla JavaScript

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.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Jonatan Samuelsson’s solution.
Join 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