questions.js

/**
 * Description - Object that store data for the quiz
 * @type {Array} - Array of objects
 */
const quizQuestionsData = [
  {
    id: 1,
    points: 2,
    category: "HTML",
    questionTitle: "What does HTML stand for?",
    correctAnswer: "Hypertext Markup Language",
    incorrectAnswers: [
      "Hyperlink and Text Markup Language",
      "Home Tool Markup Language",
      "Hypertext and Text Markup Language",
    ],
  },
  {
    id: 2,
    points: 3,
    category: "HTML",
    questionTitle: "Which of the following is NOT a valid HTML tag?",
    correctAnswer: "<circle>",
    incorrectAnswers: ["<div>", "<p>", "<a>"],
  },
  {
    id: 3,
    points: 4,
    category: "JavaScript",
    questionTitle: "What is the purpose of the 'var' keyword in JavaScript?",
    correctAnswer: "Declare a variable",
    incorrectAnswers: ["Define a function", "Link to an external script", "Execute a loop"],
  },
  {
    id: 4,
    points: 4,
    category: "CSS",
    questionTitle: "Which CSS property is used to change the font size?",
    correctAnswer: "font-size",
    incorrectAnswers: ["text-style", "font-family", "line-height"],
  },
  {
    id: 5,
    points: 5,
    category: "Bootstrap",
    questionTitle: "What is Bootstrap?",
    correctAnswer: "A front-end framework",
    incorrectAnswers: ["A programming language", "A version control system", "A database management system"],
  },
  {
    id: 6,
    points: 8,
    category: "Git",
    questionTitle: "In Git, what command is used to clone a repository?",
    correctAnswer: "git clone",
    incorrectAnswers: ["git commit", "git push", "git pull"],
  },
  {
    id: 7,
    points: 5,
    category: "UI/UX",
    questionTitle: "What does UX stand for?",
    correctAnswer: "User Experience",
    incorrectAnswers: ["User Interface", "Universal Experience", "User Exception"],
  },
  {
    id: 8,
    points: 9,
    category: "JavaScript",
    questionTitle: "Which JavaScript function is used to add an element to the HTML document?",
    correctAnswer: "appendChild",
    incorrectAnswers: ["createElement", "addNode", "insertElement"],
  },
  {
    id: 9,
    points: 6,
    category: "Bootstrap",
    questionTitle: "What is the purpose of the 'container' class in Bootstrap?",
    correctAnswer: "To create a fixed-width container",
    incorrectAnswers: ["To center an element", "To apply a border", "To make text bold"],
  },
  {
    id: 10,
    points: 10,
    category: "CSS",
    questionTitle: "Which CSS property is used to create space between elements?",
    correctAnswer: "margin",
    incorrectAnswers: ["padding", "border", "spacing"],
  },
  {
    id: 11,
    points: 7,
    category: "JavaScript",
    questionTitle: "In JavaScript, what is the purpose of the 'addEventListener' function?",
    correctAnswer: "Attach an event handler to an element",
    incorrectAnswers: ["Create a new element", "Remove an element", "Change the element's style"],
  },
  {
    id: 12,
    points: 5,
    category: "UI/UX",
    questionTitle: "What is the role of a wireframe in UI/UX design?",
    correctAnswer: "A visual guide for layout",
    incorrectAnswers: ["A programming language", "A database schema", "A version control system"],
  },
  {
    id: 13,
    points: 1,
    category: "HTML",
    questionTitle: "Which HTML tag is used to create a hyperlink?",
    correctAnswer: "<a>",
    incorrectAnswers: ["<h>", "<p>", "<link>"],
  },
  {
    id: 14,
    points: 2,
    category: "CSS",
    questionTitle: "What is the default display property for a <div> element in CSS?",
    correctAnswer: "block",
    incorrectAnswers: ["inline", "flex", "grid"],
  },
  {
    id: 15,
    points: 8,
    category: "Git",
    questionTitle: "What does the 'git pull' command do?",
    correctAnswer: "Fetches changes and merges them into the current branch",
    incorrectAnswers: [
      "Pushes changes to the remote repository",
      "Creates a new branch",
      "Resets the changes in the working directory",
    ],
  },
  {
    id: 16,
    points: 7,
    category: "CSS",
    questionTitle: "What is the purpose of the 'box-sizing' property in CSS?",
    correctAnswer: "Defines how the sizing of an element is calculated",
    incorrectAnswers: ["Sets the width of an element", "Adds a border to an element", "Applies margin to an element"],
  },
  {
    id: 17,
    points: 3,
    category: "Bootstrap",
    questionTitle: "Which Bootstrap class is used to create a responsive navigation bar?",
    correctAnswer: "navbar",
    incorrectAnswers: ["container", "row", "col"],
  },
  {
    id: 18,
    points: 10,
    category: "UI/UX",
    questionTitle: "In UX design, what does the term 'persona' refer to?",
    correctAnswer: "A fictional character representing a user type",
    incorrectAnswers: [
      "The user interface of an application",
      "The flow of interactions in an application",
      "The visual design of an application",
    ],
  },
  {
    id: 19,
    points: 3,
    category: "CSS",
    questionTitle: "What does the acronym CSS stand for?",
    correctAnswer: "Cascading Style Sheets",
    incorrectAnswers: ["Creative Style Sheets", "Computer Style Sheets", "Colorful Style Sheets"],
  },
];