Twocatz

[ghost]

Week 1 Step 7 ⬤⬤⬤⬤⬤⬤⬤◯◯ | 🕐 Estimated completion: 5-15 minutes

Name your Cat

✅ Task:

• [ ] Run git pull
• [ ] 1: Modify your Azure Function to output TWO generated cat pictures from the cat API and TWO random names from list below:
  • "Shreya, Emily, Fifi, Beau, Evelyn, Julia, Daniel, Fardeen"
  • Use the CataaS API endpoint: https://cataas.com/cat/cute/says/Bitcamp
• [ ] 2: Return the images, encoded in base64, and names in JSON format in the body

  body: {
      cat1: your-first-catpicture-in-base64,
      cat2: your-second-catpicture-in-base64,
      names: [name1, name2]
  }

• [ ] 🚀 Commit your updated function code in TwoCatz/index.js to the twocatz branch

:exclamation: Do not merge the branch!!

🚧 Test your Work

When you paste your Function URL in your browser or make a GET request with Postman, you might get something like:

{
  "cat1": "/9j/4AAQSk...",
  "cat2": "R0lGODlhCwHI...",
   "names": [
    "Daniel",
    "Shreya"
  ]

1: Select random items out of a list

1. Create an array with the names first
2. Generate a random number within the range of the array length

:exclamation: How do I generate two random names?

1. Create an array with the names: ```js var names = ["name1", "name2"...] ``` 2. Generate a random value in the correct range: ```js var random_value = Math.floor(names.length * Math.random()) ``` 3. Get the name! ```js var resultname = names[random_value] ``` 4. Wrap the code for generating a random combination into a function that returns resultname and call the function twice to get two names!

2: Return images in JSON format

context.res is the key to answering this question!

:exclamation: How do I return the images using context.res?

To return your two images and two names in the output: ```js context.res = { body: { cat1: your-first-catpicture-in-base64, cat2: your-second-catpicture-in-base64, names: [name1, name2] } } ```

[ghost]

⏰ Time to merge!

Go ahead and merge this branch to main to move on. Great work finishing this section!

⚠️ If you receive a Conflicts error, simply press Resolve conflicts and you should be good to merge !