feat: adding recipes tracker workshop (freeCodeCamp#56456)

Co-authored-by: Jessica Wilkins <[email protected]>
Co-authored-by: Ilenia <[email protected]>
Co-authored-by: Sem Bauke <[email protected]>

Author: 4 people

client/i18n/locales/english/intro.json

@@ -2222,7 +2222,12 @@
         "intro": ["Test what you've learned in this quiz on JavaScript Arrays."]
       },
       "dvnt": { "title": "164", "intro": [] },
-      "ekdb": { "title": "165", "intro": [] },
+      "workshop-recipe-tracker": {
+        "title": "Build a Recipe Tracker",
+        "intro": [
+          "In this workshop, you will review working with JavaScript objects by building a recipe tracker."
+        ]
+      },
       "lab-quiz-game": {
         "title": "Build a Quiz Game",
         "intro": ["For this lab, you will build a quiz game."]

client/src/pages/learn/front-end-development/workshop-recipe-tracker/index.md

@@ -0,0 +1,9 @@
+---
+title: Introduction to the Build a Recipe Tracker
+block: workshop-recipe-tracker
+superBlock: front-end-development
+---
+
+## Introduction to the Build a Recipe Tracker
+
+This is a test for the new project-based curriculum.

curriculum/challenges/_meta/workshop-recipe-tracker/meta.json

@@ -0,0 +1,65 @@
+{
+  "name": "Build a Recipe Tracker",
+  "isUpcomingChange": true,
+  "usesMultifileEditor": true,
+  "hasEditableBoundaries": true,
+  "dashedName": "workshop-recipe-tracker",
+  "order": 165,
+  "superBlock": "front-end-development",
+  "challengeOrder": [
+    {
+      "id": "66fbcdfed6848e48947dbbc9",
+      "title": "Step 1"
+    },
+    {
+      "id": "66fbcf750a62784cf11f562d",
+      "title": "Step 2"
+    },
+    {
+      "id": "66ff02792b3042a2b811f475",
+      "title": "Step 3"
+    },
+    {
+      "id": "66fbcf750a62784cf11f562e",
+      "title": "Step 4"
+    },
+    {
+      "id": "670e4f45f7116c0f216a5177",
+      "title": "Step 5"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5630",
+      "title": "Step 6"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5631",
+      "title": "Step 7"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5632",
+      "title": "Step 8"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5633",
+      "title": "Step 9"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5634",
+      "title": "Step 10"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5635",
+      "title": "Step 11"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5636",
+      "title": "Step 12"
+    },
+    {
+      "id": "66fbcf750a62784cf11f5637",
+      "title": "Step 13"
+    }
+  ],
+  "helpCategory": "JavaScript",
+  "blockType": "workshop"
+}

curriculum/challenges/english/25-front-end-development/workshop-recipe-tracker/66fbcdfed6848e48947dbbc9.md

@@ -0,0 +1,36 @@
+---
+id: 66fbcdfed6848e48947dbbc9
+title: Step 1
+challengeType: 1
+dashedName: step-1
+---
+
+# --description--
+
+In this workshop, you will create a recipe tracker using JavaScript objects.
+
+Start by creating an empty array named `recipes`. This is the array you'll push the recipe objects into later.
+
+# --hints--
+
+You should create an array named `recipes`.
+
+```js
+assert.isArray(recipes)
+```
+
+Your `recipes` array should be empty.
+
+```js
+assert.isEmpty(recipes)
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+--fcc-editable-region--
+
+--fcc-editable-region--
+```

curriculum/challenges/english/25-front-end-development/workshop-recipe-tracker/66fbcf750a62784cf11f562d.md

@@ -0,0 +1,81 @@
+---
+id: 66fbcf750a62784cf11f562d
+title: Step 2
+challengeType: 1
+dashedName: step-2
+---
+
+# --description--
+
+Create an object named `recipe1`. Inside the `recipe1` object, create a `name` property with the value `"Spaghetti Carbonara"`.
+
+Also inside the `recipe1` object, create an `ingredients` property with an array as the value. The array should have `spaghetti`, `Parmesan cheese`, `pancetta`, and `black pepper` inside it.
+
+Create another `ratings` property with array value. The array should have `4`, `5`, `4`, and `5` inside it.
+
+# --hints--
+
+You should create an object named `recipe1`.
+
+```js
+assert.isObject(recipe1)
+```
+
+Your `recipe1` object should have a `name` property.
+
+```js
+assert.property(recipe1, 'name');
+```
+
+Your `name` property should be set to `Spaghetti Carbonara`.
+
+```js
+assert.equal(recipe1.name, 'Spaghetti Carbonara');
+```
+
+Your `recipe1` object should have an `ingredients` property.
+
+```js
+assert.property(recipe1, 'ingredients');
+```
+
+Your `ingredients` property should have an array value.
+
+```js
+assert.isArray(recipe1.ingredients)
+```
+
+The array value of your `ingredients` property should have `spaghetti`, `Parmesan cheese`, `pancetta`, and `black pepper` in it.
+
+```js
+assert.deepEqual(recipe1.ingredients, ["spaghetti", "Parmesan cheese", "pancetta", "black pepper"]);
+```
+
+Your `recipe1` object should have a `ratings` property.
+
+```js
+assert.property(recipe1, "ratings");
+```
+
+Your `ratings` property should have an array value.
+
+```js
+assert.isArray(recipe1.ratings)
+```
+
+The array value of your `ratings` property should have `4`, `5`, `4`, and `5` in it.
+
+```js
+assert.deepEqual(recipe1.ratings, [4, 5, 4, 5]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const recipes = [];
+--fcc-editable-region--
+
+--fcc-editable-region--
+```

curriculum/challenges/english/25-front-end-development/workshop-recipe-tracker/66fbcf750a62784cf11f562e.md

@@ -0,0 +1,152 @@
+---
+id: 66fbcf750a62784cf11f562e
+title: Step 4
+challengeType: 1
+dashedName: step-4
+---
+
+# --description--
+
+Create another `recipe2` object with the following properties and values:
+
+| Key | Value   |
+| ----------- | ------- |
+| `name`       | `Chicken Curry` |
+| `ingredients`       | `["chicken breast", "coconut milk", "curry powder", "onion", "garlic"]` |
+| `ratings`    | `[4, 5, 5, 5]`   |
+| `cookingTime`       | `42` |
+| `totalIngredients`   | `null`   |
+| `difficultyLevel`   | `''`   |
+| `averageRating`   | `null`   |
+
+# --hints--
+
+You should create an object named `recipe2`.
+
+```js
+assert.isObject(recipe2)
+```
+
+Your `recipe2` object should have a `name` property.
+
+```js
+assert.property(recipe2, "name");
+```
+
+Your `name` property should be set to `Chicken Curry`.
+
+```js
+assert.equal(recipe2.name, "Chicken Curry");
+```
+
+Your `recipe2` object should have an `ingredients` property.
+
+```js
+assert.property(recipe2, "ingredients");
+```
+
+Your `ingredients` property should have an array value.
+
+```js
+assert.isArray(recipe2.ingredients)
+```
+
+The array value of your `ingredients` property should have `chicken breast`, `coconut milk`, `curry powder`, `onion` and `garlic` in it.
+
+```js
+assert.deepEqual(recipe2.ingredients, ["chicken breast", "coconut milk", "curry powder", "onion", "garlic"]);
+```
+
+Your `recipe2` object should have a `ratings` property.
+
+```js
+assert.property(recipe2, "ratings");
+```
+
+Your `ratings` property should have an array value.
+
+```js
+assert.isArray(recipe2.ratings)
+```
+
+The array value of your `ratings` property should have `4`, `5`, `5`, and `5` in it.
+
+```js
+assert.deepEqual(recipe2.ratings, [4, 5, 5, 5]);
+```
+
+Your `recipe2` object should have a `cookingTime` property.
+
+```js
+assert.property(recipe2, "cookingTime");
+```
+
+Your `cookingTime` property value should be a number.
+
+```js
+assert.isNumber(recipe2.cookingTime);
+```
+
+Your `cookingTime` property should be set to `42`.
+
+```js
+assert.equal(recipe2.cookingTime, 42);
+```
+
+Your `recipe2` object should have a `totalIngredients` property.
+
+```js
+assert.property(recipe2, "totalIngredients");
+```
+
+Your `totalIngredients` property should be set to `null`.
+
+```js
+assert.isNull(recipe2.totalIngredients);
+```
+
+Your `recipe2` object should have a `difficultyLevel` property.
+
+```js
+assert.property(recipe2, "difficultyLevel");
+```
+
+Your `difficultyLevel` property should be set to an empty string.
+
+```js
+assert.deepEqual(recipe2.difficultyLevel, "");
+```
+
+Your `recipe2` object should have an `averageRating` property.
+
+```js
+assert.property(recipe2, "averageRating");
+```
+
+Your `averageRating` property should be set to `null`.
+
+```js
+assert.isNull(recipe2.averageRating);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const recipes = [];
+
+const recipe1 = {
+  name: 'Spaghetti Carbonara',
+  ingredients: ['spaghetti', 'Parmesan cheese', 'pancetta', 'black pepper'],
+  cookingTime: 22,
+  totalIngredients: null,
+  difficultyLevel: '',
+  ratings: [4, 5, 4, 5],
+  averageRating: null,
+};
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```