Webhook payload design in Rest API - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define a webhook payload with an event type.

Rest API

{
  "event": "[1]"
}

Drag options to blanks, or click blank then click option'

Auser.created

Buser_deleted

CupdateUser

Dcreate-user

Attempts:

3 left

💡 Hint

Common Mistakes

Using underscores or camelCase instead of dot notation.

Using vague or unclear event names.

The event type should be a clear, dot-separated string like user.created to indicate the event.

2fill in blank

medium

Complete the code to include a timestamp in ISO 8601 format in the webhook payload.

Rest API

{
  "timestamp": "[1]"
}

Drag options to blanks, or click blank then click option'

A2023-04-01T12:00:00Z

B04/01/2023 12:00

C2023.04.01 12:00:00

D12:00:00 01-04-2023

Attempts:

3 left

💡 Hint

Common Mistakes

Using local date formats instead of ISO 8601.

Omitting the 'T' or 'Z' characters.

The timestamp should be in ISO 8601 format, like 2023-04-01T12:00:00Z, which is standard for webhooks.

3fill in blank

hard

Fix the error in the webhook payload by completing the missing key for user data.

Rest API

{
  "user": [1]
}

Drag options to blanks, or click blank then click option'

A["id", "name"]

B123, "Alice"

C"id:123, name:Alice"

D{"id": 123, "name": "Alice"}

Attempts:

3 left

💡 Hint

Common Mistakes

Using a list instead of an object for user data.

Using a string instead of an object.

The user data should be a JSON object with keys and values, like {"id": 123, "name": "Alice"}.

4fill in blank

hard

Fill both blanks to add a nested address object with city and zip code.

Rest API

{
  "address": {
    "city": "[1]",
    "zip": "[2]"
  }
}

Drag options to blanks, or click blank then click option'

ANew York

B10001

CLos Angeles

D90001

Attempts:

3 left

💡 Hint

Common Mistakes

Using numbers without quotes for zip code.

Mixing city and zip code values.

The city should be a string like New York and the zip code a string like 10001.

5fill in blank

hard

Fill all three blanks to create a payload with event, user id, and active status.

Rest API

{
  "event": "[1]",
  "user": {
    "id": [2],
    "active": [3]
  }
}

Drag options to blanks, or click blank then click option'

Auser.updated

B42

Ctrue

D"user.created"

Attempts:

3 left

💡 Hint

Common Mistakes

Putting quotes inside the blank for event string.

Using string 'true' instead of boolean true.

The event is a string without quotes in the blank because quotes are in code, user id is a number, and active is a boolean true.