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

Create an array with the names first
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 commented 3 years ago

⏰ Time to merge!

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

merge

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