Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Web Dev Front end quiz with JS, responsiveness

P
Sam Hooker 410

@35degrees

Desktop design screenshot for the Frontend Quiz app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm proud of working through lots of JS challenges and slowdowns. I had to use a lot of external resources and found experts I wouldn't have found otherwise. I get stuck with trying to have multiple JS threads going and I figured out how to have one, but it might be a long thread that repeats a couple of times.

What challenges did you encounter, and how did you overcome them?

I got stuck for a long time on working with both the data from the json file and the input from the user coming together. I got frustrated with local variables and not being out to scope them globally but I worked out a creative solution where I tie the correct answer to the button itself, I was excited when I figured out how to do it.

What specific areas of your project would you like help with?

My JS code can be wordy and this one possible repeats. I re-fetch the data list everytime an answer is clicked by the user and that seems like it wouldn't be efficient for future large projects I work on (but it works fine here with a smaller data file).

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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