feat(curriculum): adding teacher bot workshop (freeCodeCamp#55870)

Co-authored-by: Sem Bauke <[email protected]>
Co-authored-by: Kolade Chris <[email protected]>

Author: 3 people

client/i18n/locales/english/intro.json

@@ -1880,7 +1880,13 @@
       "yskn": { "title": "134", "intro": [] },
       "tpni": { "title": "135", "intro": [] },
       "hoec": { "title": "136", "intro": [] },
-      "cygu": { "title": "137", "intro": [] },
+      "workshop-teacher-chatbot": {
+        "title": "Build a Teacher Chatbot",
+        "intro": [
+          "In this workshop, you will continue to learn more about JavaScript strings by building a chatbot.",
+          "You will learn how to work with template literals, and the <code>indexOf</code> method."
+        ]
+      },
       "axgb": { "title": "138", "intro": [] },
       "rwac": { "title": "139", "intro": [] },
       "uzjg": { "title": "140", "intro": [] },

client/src/pages/learn/front-end-development/workshop-teacher-chatbot/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Build a Teacher Chatbot
+block: workshop-teacher-chatbot
+superBlock: front-end-development
+---
+
+## Introduction to the Build a Teacher Chatbot
+
+This is a test for the new project-based curriculum.

curriculum/challenges/_meta/workshop-teacher-chatbot/meta.json

@@ -0,0 +1,85 @@
+{
+  "name": "Build a Teacher Chatbot",
+  "blockType": "workshop",
+  "isUpcomingChange": true,
+  "usesMultifileEditor": true,
+  "hasEditableBoundaries": true,
+  "dashedName": "workshop-teacher-chatbot",
+  "order": 137,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "66b102ee0bdbad34a9f85ba0",
+      "title": "Step 1"
+    },
+    {
+      "id": "66b5928b86e907fdfbf34e56",
+      "title": "Step 2"
+    },
+    {
+      "id": "66b59829dba144ff1351220f",
+      "title": "Step 3"
+    },
+    {
+      "id": "66b59b12a745e10011158f7b",
+      "title": "Step 4"
+    },
+    {
+      "id": "66b59be6ab830800c4df9146",
+      "title": "Step 5"
+    },
+    {
+      "id": "66b6d482bbb9e12f2e5ee1ae",
+      "title": "Step 6"
+    },
+    {
+      "id": "66b6e39031393e30f2c48d0f",
+      "title": "Step 7"
+    },
+    {
+      "id": "66b6e62423e8a031d6c1f03d",
+      "title": "Step 8"
+    },
+    {
+      "id": "66b6e80d6c3f0b329c360283",
+      "title": "Step 9"
+    },
+    {
+      "id": "66b6efddeca35833cd6f0b03",
+      "title": "Step 10"
+    },
+    {
+      "id": "66b6f586767a1534f3097353",
+      "title": "Step 11"
+    },
+    {
+      "id": "66b6f80fca500635d1e8af8d",
+      "title": "Step 12"
+    },
+    {
+      "id": "66b6fdb76441c738719039fa",
+      "title": "Step 13"
+    },
+    {
+      "id": "66b6ffb42b88e33943788abf",
+      "title": "Step 14"
+    },
+    {
+      "id": "66b7049b7709ea3a9547c79d",
+      "title": "Step 15"
+    },
+    {
+      "id": "66b70b8a611cbf3bcc5c6c5f",
+      "title": "Step 16"
+    },
+    {
+      "id": "66b7137348cfb53fd3ec6c73",
+      "title": "Step 17"
+    },
+    {
+      "id": "66b7142e588c4a407a51cdb6",
+      "title": "Step 18"
+    }
+  ],
+  "helpCategory": "JavaScript"
+}

curriculum/challenges/english/25-front-end-development/workshop-teacher-chatbot/66b102ee0bdbad34a9f85ba0.md

@@ -0,0 +1,36 @@
+---
+id: 66b102ee0bdbad34a9f85ba0
+title: Step 1
+challengeType: 1
+dashedName: step-1
+---
+
+# --description--
+
+In this workshop, you are going to continue learning about strings by building a Teacher Chatbot. 
+
+To begin, add a `console` statement, with the message of `"Hi there!"`.
+
+# --hints--
+
+You should have a `console` statement.
+
+```js
+assert.match(code, /console\.log(.*)/);
+```
+
+Your console statement should output the message `"Hi there!"`.
+
+```js
+assert.match(code, /console\.log\((['"])(Hi\s+there!)\1\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+--fcc-editable-region--
+
+--fcc-editable-region--
+```

curriculum/challenges/english/25-front-end-development/workshop-teacher-chatbot/66b5928b86e907fdfbf34e56.md

@@ -0,0 +1,44 @@
+---
+id: 66b5928b86e907fdfbf34e56
+title: Step 2
+challengeType: 1
+dashedName: step-2
+---
+
+# --description--
+
+Now it is time to set the bot's name.
+
+Create a variable called `botName` and assign it the string value of `"teacherBot"`.
+
+# --hints--
+
+You should have a variable called `botName`.
+
+```js
+assert.isNotNull(botName);
+```
+
+Your `botName` variable should be a string.
+
+```js
+assert.isString(botName);
+```
+
+Your `botName` variable should have the value of `"teacherBot"`.
+
+```js
+assert.strictEqual(botName, "teacherBot");
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+console.log("Hi there!");
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```

curriculum/challenges/english/25-front-end-development/workshop-teacher-chatbot/66b59829dba144ff1351220f.md

@@ -0,0 +1,65 @@
+---
+id: 66b59829dba144ff1351220f
+title: Step 3
+challengeType: 1
+dashedName: step-3
+---
+
+# --description--
+
+Now it is time to create a greeting using the `botName` variable.
+
+In the previous lecture videos, you learned how to concatenate strings using template literals like this:
+
+```js
+const name = "John";
+
+// "Hello, John!"
+`Hello, ${name}!`;
+```
+
+Start by creating a variable called `greeting`.
+
+Next, using template literal syntax, assign a string that says `My name is`, followed by the `botName` variable, and ending with a period (`.`).
+
+Finally, log the `greeting` variable to the console.
+
+# --hints--
+
+You should have a variable called `greeting`.
+
+```js
+assert.isNotNull(greeting);
+```
+
+You should assign a string to your `greeting` variable.
+
+```js
+assert.isString(greeting);
+```
+
+You should use template literals to concatenate the string `My name is` with the `botName` variable followed by a period (`.`).
+
+```js
+assert.equal(greeting, "My name is teacherBot.");
+```
+
+You should have a `console` statement that logs the `greeting` variable to the console.
+
+```js
+assert.match(code, /console.log\(.*greeting.*\)/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+console.log("Hi there!");
+
+const botName = "teacherBot";
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```

curriculum/challenges/english/25-front-end-development/workshop-teacher-chatbot/66b59b12a745e10011158f7b.md

@@ -0,0 +1,69 @@
+---
+id: 66b59b12a745e10011158f7b
+title: Step 4
+challengeType: 1
+dashedName: step-4
+---
+
+# --description--
+
+The next step is to create a few more variables that will be used in future bot messages.
+
+Create a variable called `subject` and assign it the string value `"JavaScript"`.
+
+Then create a variable called `topic` and assign it the string value `"strings"`.
+
+# --hints--
+
+You should have a variable called `subject`.
+
+```js
+assert.isNotNull(subject);
+```
+
+You should assign a string to your `subject` variable.
+
+```js
+assert.isString(subject);
+```
+
+You should assign the string `"JavaScript"` to your `subject` variable.
+
+```js
+assert.equal(subject, "JavaScript");
+```
+
+You should have a variable called `topic`.
+
+```js
+assert.isNotNull(topic);
+```
+
+You should assign a string to your `topic` variable.
+
+```js
+assert.isString(topic);
+```
+
+You should assign the string `"strings"` to your `topic` variable.
+
+```js
+assert.equal(topic, "strings");
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+console.log("Hi there!");
+
+const botName = "teacherBot";
+
+const greeting = `My name is ${botName}.`;
+console.log(greeting);
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```