feat: Olivia James'lesson_03 quiz

Author: OliviaxJames

lesson_03/quiz/quiz.yaml

@@ -55,3 +55,7 @@ quiz:
       - $2y$10$7/GS4n5j/5TXQc5zjDzlc.2xBKwRqrsksWzcl7VKRwa.fDxzdficS
       - $2y$10$9mfdal67CXoVG2phPKe1s.BpAT6HQeyQIiDtStfFazkPMW2AaW6Zu
       - $2y$10$LiCnvad23bwZWZbxXLhs3.r/YdwIX9eAFtjofaW1AH3Htnc9sEU1G
+    oliviajames:
+      - $2y$10$XNIaT3YK/NmvATnebmrOHuIoSqsGlfqlW82R2NfFxEJn1CWmmzgzm
+      - $2y$10$mdHWON2e8lS8HUQZkp5W0OoAd5xkdUCouXCeFPnoz3Ilpjv5Vb9uu
+      - $2y$10$hGQy6LkNRkXfT9Vk67c4meGH.99yLT73.HKfzWqsgTKHLHerzI7ey

lesson_03/quiz/src/quizzes/olivia_james.ts

@@ -0,0 +1,62 @@
+import {
+  AnswerChoice,
+  MultipleChoiceQuizQuestion,
+  QuizQuestion,
+  QuizQuestionProvider,
+} from 'codedifferently-instructional';
+
+export class OliviaJamesQuiz implements QuizQuestionProvider {
+  getProviderName(): string {
+    return 'oliviajames';
+  }
+
+  makeQuizQuestions(): QuizQuestion[] {
+    return [
+      OliviaJamesQuiz.makeQuestion0(),
+      OliviaJamesQuiz.makeQuestion1(),
+      OliviaJamesQuiz.makeQuestion2(),
+    ];
+  }
+
+  private static makeQuestion0(): QuizQuestion {
+    return new MultipleChoiceQuizQuestion(
+      0,
+      'Which CSS property is used to change the font size of an element?',
+      new Map<AnswerChoice, string>([
+        [AnswerChoice.A, 'text-size'],
+        [AnswerChoice.B, 'font-size'],
+        [AnswerChoice.C, 'size'],
+        [AnswerChoice.D, 'font-weight'],
+      ]),
+      AnswerChoice.UNANSWERED,
+    );
+  }
+
+  private static makeQuestion1(): QuizQuestion {
+    return new MultipleChoiceQuizQuestion(
+      1,
+      'Which of the following is the correct syntax for a CSS comment??',
+      new Map<AnswerChoice, string>([
+        [AnswerChoice.A, '// This is a comment'],
+        [AnswerChoice.B, ' /* This is a comment */'],
+        [AnswerChoice.C, '# This is a comment'],
+        [AnswerChoice.D, '<!-- This is a comment -->'],
+      ]),
+      AnswerChoice.UNANSWERED,
+    );
+  }
+
+  private static makeQuestion2(): QuizQuestion {
+    return new MultipleChoiceQuizQuestion(
+      2,
+      'Which tag is used to create an unordered list in HTML?',
+      new Map<AnswerChoice, string>([
+        [AnswerChoice.A, '<ol>'],
+        [AnswerChoice.B, '<ul>'],
+        [AnswerChoice.C, '<li>'],
+        [AnswerChoice.D, '<list>'],
+      ]),
+      AnswerChoice.UNANSWERED,
+    );
+  }
+}

lesson_03/quiz/src/quizzes/quizzes.module.ts

@@ -13,6 +13,7 @@ import { KhaylaSaundersQuiz } from './khayla_quiz.js';
 import { MeikoStephensQuiz } from './meiko_stephens_quiz.js';
 import { MercedesMathewsQuiz } from './mercedes_mathews_quiz.js';
 import { RasheedMillerQuiz } from './rasheed_miller_quiz.js';
+import { OliviaJamesQuiz } from './olivia_james.js';
 
 export const Quizzes = Symbol.for('Quizzes');
 
@@ -33,6 +34,7 @@ const QUIZ_PROVIDERS = [
   ChanelHuttQuiz,
   JeremiahWingQuiz,
   JasonWatsonQuiz,
+  OliviaJamesQuiz,
 ];
 
 @Module({