Coltensiemer / AWS_Learn

An AWS Quiz maker to practice for the AWS Cloud Certifications.
https://aws-learn.vercel.app
1 stars 0 forks source link

Enhancement: Display Total Questions and Question Tags in Quiz Interface #13

Open Coltensiemer opened 1 month ago

Coltensiemer commented 1 month ago

GitHub Issue: Enhancement - Display Question Count and Tag Information in Quiz

Title:

Enhancement: Display Total Questions and Question Tags in Quiz Interface

Description:

To provide users with a clear understanding of the quiz structure,an enhancement to display the total number of questions and categorize them by tags on the question option menu. This will help user select the total question they want and constraint the total question able to be selected.

Feature Details:

  1. Total Questions Display:

    • Show the total number of questions in the option page.
    • If a tag, or more then one tag, is selected, show the total amount of question available base off of that tag.
    • Base off of the number of total available questions, limit the input box for the quiz length option.
    • Update the UI to include this information prominently.
  2. User Interface:

    • Update the quiz interface to include a section showing the total questions and available tags.
    • Ensure the design is clean and integrates well with the existing layout.
  3. Accessibility:

    • Make sure the new elements are accessible to all users, including those using screen readers.

Tasks:

  1. Frontend Implementation:

    • [ ] Modify the quiz option screen to display the total number of questions - no tags selected.
    • [ ] Modify the quiz option screen to display the total number of questions - when tags are selected
    • [ ] Limit the quiz length input box base on the total questions available.
  2. Backend Integration:

    • [ ] Ensure the API returns the total number of questions and their tags when option quiz is rendered.
  3. Testing:

    • [ ] Write unit tests for the new UI elements.
    • [ ] Perform end-to-end testing to ensure the total questions and tags are displayed correctly.
    • [ ] Test the feature across different devices and browsers for compatibility.

Design Mockup:

Acceptance Criteria:


Feel free to add any additional comments or suggestions to this issue. Let's work together to make our quiz application more informative and user-friendly!