DEV Community

I Created 500+ Dev questions and Launched a Quiz platform 🏆🎉

Madza on July 08, 2021

Companies usually want to test a specific area of knowledge. Quizzes are an engaging method to measure your expertise in the particular field. Tha...

Read full post

Temani Afif • Jul 8 '21

There are a few issues with the CSS quizz

1) The question about border is not valid because the order is not important. If you check the formal syntax (developer.mozilla.org/en-US/docs/W...) you will notice the use of || which mean any order so solid grey 1px is also valid (like grey solid 1px, grey 1px solid, etc). You should also remove the quotes '
2) The question about position:fixed is not very accurate because the element will not always say fixed on scroll. There are some particular cases where this will break. So technically the answer can be false (related: stackoverflow.com/q/52937708/8620333)
3) The question about !important is not very clear. Not sure what you meant by "user-defined" but !important simply increase the specificity and will not necessarily take precedence because we also need to check the selectors (we may have another rule with !important)
4) The overflow question is also not accurate because we aren't obliged to set height (or width). There are a lot of cases where other properties enter in play. Example: jsfiddle.net/e2atgo8d/ (we don't have height and no block elements)
5) for the one about z-index, we cannot say that only z-index control the layers. A lot of other properties enter in play and we can control the layers without using z-index. I can do it with only transform. So z-index is one property among many that can have an impact on the painting order.

Madza • Jul 8 '21 • Edited

Thanks for the valuable input! 👍❤
I will review the questions and edit them accordingly 😉

Gealber Morales • Jul 8 '21

Cool project, I already tested😌. By the way just one suggestion, allows the person that pass a quiz to review their answers, giving them a short explanation on what their failed. In that way they learn.

Madza • Jul 8 '21

Thanks so much for the feedback 🙏❤
I agree, currently most of the explanations just point to the right answer. Expanding more on them is def something I look to improve in the the future 😉

m-weeks • Jul 8 '21 • Edited

I found a few issues/misleading questions in the JavaScript quiz:

Q9:

Which event occurs when the user clicks on an HTML element?

The answer on the quiz is onClick, but I think click is the valid answer. element.onclick is just one way to define a click handler, the other being element.addEventListener('click', () => {}). Mozilla even calls it the "click event" (developer.mozilla.org/en-US/docs/W...)

Q12:

If you supply only one parameter for Date, it will be treated as milliseconds.

The answer in the quiz is True, but Date can also accept a string as a single parameter, which will be parsed. So I think this question is misleading

Q38:

What character is used for reminder operator in JS?

I think the question was supposed to read "What character is used for the remainder operator in JS?"

May I suggest adding a way to provide feedback from within the site?

Overall though, it's a super nice way to test your knowledge!

Madza • Jul 8 '21

Thanks for the input! 🙏💖
Just fixed the questions you noted 😉
I might implement feedback from a site in the future 😉

Rafael Acioly • Jul 16 '21 • Edited

Hi Madza, this project is super nice, congratulations.

I've taken the git quizz and found a little mistake, there is this question:

Which of the following commands is used in
switching between branches?

- git switch
- git checkout
- git branch
- git change

The correct answer can be git switch or git checkout depending on the git version.

git checkout was introduced on version 2.4

git-scm.com/docs/git-checkout
git-checkout - Switch branches or restore working tree files

git switch was introduced on version 2.27.x

git-scm.com/docs/git-switch
git-switch - Switch branches

git switch was added to make the commands more precise, (git checkout had too many responsibilities), now instead of using git checkout to switch branchs or restore tree files we have two new commands:
git switch and git restore

Madza • Jul 16 '21 • Edited

Thanks for the contribution! I've edited the question and included you in the Top contributors list 👍🏆
Also you can submit edits directly from the platform... As soon as each question is answered there is an Edit option on the left. 😉

SalarC123 • Jul 8 '21

Two pieces of feedback:

I don’t think you should store the data in localStorage because it can be deleted when the browser history is cleared, so you should just make an authentication system and keep everything in a database.
I think it would be more fun if you turned this into an HQ or Trivia Crack for developers (HQ is a popular trivia app where you do live competitions). You could also allow users to make and submit their own questions

Madza • Jul 8 '21

Thanks for the feedback, appreciate that 🙏💖
When I developed this I was not sure if this was something worth of creating auth for, cause the initial idea was to create something freely accessible and simple to test the knowledge 😉

Patrick • Jul 15 '21

Looks neat - how often have people been asken when SQL was invented?
I find that knowledge irrelevant when measuring how good I am.

andy • Jul 15 '21

How often? Never. The only reason I knew it was I was taught it in college in 1988 and remember it had been round for yonks already.
There has to be some advantage of being old, yes? :D

Neat project Madza - looks & works awesome!

Madza • Jul 15 '21

Thanks a lot for trying out the project 👍😉

Madza • Jul 15 '21

Thanks 😉 Let's just assume, it goes out to show how rock solid it has been through the years, still being as relevant as ever 💪😀😀

Cosmoverse • Jul 12 '21

Could add Python as one of the sections?

Madza • Jul 12 '21

Python is def planned in the future 😉
For now I added it as submit option if users have ideas for questions 😉

Cosmoverse • Jul 12 '21

Oh okay :)

Bobby Iliev • Jul 8 '21

This is pretty awesome! I did a similar thing in the past with the Quiz API website 🚀

Pavan Chindukuri • Jul 12 '21

Why is github Auth system broken?

Bobby Iliev • Jul 12 '21

I’ll look into it

Madza • Jul 8 '21

Awesome 😉 I see you have extended the functionality by providing an API to embed quizzes on external websites 👍 Very handy 😉

Tijmen de Jong💻 • Jul 8 '21

Found a question with a wrong answer

Madza • Jul 8 '21

Thanks for the input 😉👍
What's the category and name, so I can fix it? 🛠

Tijmen de Jong💻 • Jul 11 '21 • Edited

Here a picture
dev-to-uploads.s3.amazonaws.com/up...

Madza • Jul 11 '21

Thanks for the input! 😉 Fixed the question.
I've also added a functionality for users to edit questions directly from the platform 😉

TheOnlyTails • Jul 8 '21

It would be nice to see the correct option if I answered wrong. After all, I'm trying to gain some new knowledge.

Madza • Jul 8 '21 • Edited

Thank you for your suggestion 👍❤
Currently I have that part of functionality commented out in the code and the right answer is presented as a text after the question is answered 😉 I will re-consider your idea for sure 💡😉

okyanusoz • Jul 14 '21

Great! Just one thing: Can you open-source the project? Thanks.

Madza • Jul 15 '21 • Edited

Thanks a lot! 😉
Currently no plans to do that as both the platform itself and the questions are stored in a single GitHub repo. Going open source would sooner or later cause someone to clone all the content, deploy it under their own domain and claim it as theirs, the sad truth I've learned from blog posts and other content 😉
If I ever decide to do backend and move questions to DB, I might re-consider to open source the platform itself. 😉