Skip to content
Submitted about 1 year ago

Standalone quiz app | Vanilla JavaScript

P
LVL 3
@jonatan-samuelsson
A solution to the Frontend Quiz app challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

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.

Code
Loading...

Please log in to post a comment

Log in

Community 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