Skip to content

Implement quiz/assessment system for tutorials #5026

Description

@anshul23102

Problem

Readers have no way to self-assess their understanding. Without a quiz at the end of each tutorial, there is no feedback loop for the reader to know if they understood the material.

Proposed Solution

Add an optional quiz block to the Docusaurus MDX format using a custom React component:

import Quiz from '@site/src/components/Quiz';

<Quiz
  questions={[
    {
      question: "What is the time complexity of binary search?",
      options: ["O(n)", "O(log n)", "O(n log n)", "O(1)"],
      correct: 1,
      explanation: "Binary search halves the search space at each step, giving O(log n)."
    }
  ]}
/>

The component renders a multiple-choice question card, reveals the explanation after answering, and shows a score summary at the end of a multi-question quiz.

Additional Context

Level 3 feature. Quiz component must be keyboard-accessible (navigate options with arrow keys, confirm with Enter).

Activity

  1. github-actions commented on Jul 2, 2026

    @github-actions

    Hi @anshul23102! Thanks for opening this issue. We appreciate your contribution to this open-source project. Your input is valuable and we aim to respond or assign your issue as soon as possible. Thanks again!

  2. anshul23102 commented on Jul 2, 2026

    @anshul23102
    ContributorAuthor

    @codeharborhub Could you please assign/ this issue to me? I would like to work on it under GSSOC '26.

  3. github-actions commented on Jul 30, 2026

    @github-actions

    Hello @anshul23102! Your issue #5026 has been closed. Thank you for your contribution!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions