paint-brush
I Created 500+ Dev Questions and Launched a Quiz Platform 🏆🎉by@madzadev
534 reads
534 reads

I Created 500+ Dev Questions and Launched a Quiz Platform 🏆🎉

by MadzaJuly 19th, 2021
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

DevQuizzes is an online platform where you can test your knowledge across various DEV topics. Quizzes are an engaging method to measure your expertise in a particular field. The platform is responsive, meaning it is easy to play on both desktop and mobile devices. Each question usually provides 2 to 4 possible answers, with the next question only available if the current question is answered. The next question is available as soon as there are some of the previous questions, with additional information about the question being revealed.

Company Mentioned

Mention Thumbnail
featured image - I Created 500+ Dev Questions and Launched a Quiz Platform 🏆🎉
Madza HackerNoon profile picture

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

That's why I created DevQuizzes, an online platform where you can test your knowledge across various DEV topics.

Content

Over the last 6 months, I read a lot of official documentation and studied dozens of tutorials to create the content basis for the initial launch.

I ended up creating over 500 questions in 20 categories.

Main quiz selection

Numbers in the parentheses show the questions in each quiz. Grey color represents the quizzes in progress, while white - all the new ones.

Percentages are shown just for completed quizzes, with green and red colors representing the passed and failed quizzes, respectively.

Quiz

When a category is selected, the user gets presented with a quiz. By default, unanswered questions are shown first.

Each question usually provides 2 to 4 possible answers. For reference, each question has a topic/title.

Quiz UI

The next question is only available if the current question is answered. The previous questions are available as soon as there are some.

When provided, the user can click a Hint button. This way additional information about the question will be revealed.

Some questions do provide a code snipped, which the question is based on.

Progress

All the progress is stored in the Local storage.

Users are also able to clear the Local storage, for both - all quizzes at once or any particular quiz separately.

Progress tracking

At any point during the quiz, the user has an access to the list of questions, meaning the questions can be manually picked or reviewed later.

Rewards

After completion of the quiz, the user gets awarded ether gold (>90%), silver (>75%), bronze (>60%).

Results display

If the user scores in the range from 60% to 40%, the test is passed but no award is given. All the results below 40% fail.

Users have an option to share their achievements on social media.

Contributions

Everyone is welcome to submit questions via the Airtable form.

Questions will be accepted unless they duplicate existing content. The database will be updated daily.

Each contributor gets credited as well as included in the most recent and/or most active contributors list in the Top section.

Final notes

The project is live, feel free you try it. The quiz platform is responsive, meaning it is easy to play on both desktop and mobile devices.

I'm hoping the project will help the community. I'm also looking forward to adding questions and features to the platform itself in the future.


If you have any questions, feel free to reach out!

Connect me on Twitter, LinkedIn, and GitHub!