Week 1: Name your Cat

[counselorbot[bot]]

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]
  }

• [ ] 3: Commit your updated function code in twocatz/index.js to the twocatz branch, create a pull request, and only merge the PR when the bot approves your changes!

🚨 NOTE: If the CataaS API is not working, please use this alternate endpoint: https://bit-cat.azurewebsites.net/cat/says/serverless

🚧 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

❓ How do I generate two random names?

1. Create an array with the names: ```js let names = ["name1", "name2"...] ``` 2. Generate a random value in the correct range: ```js let random_value = Math.floor(names.length * Math.random()) ``` 3. Get the name! ```js let 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!

❓ 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] } } ```

📹 Walkthrough Video

[counselorbot[bot]]

⏰ 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!