PUT and PATCH route handling in Express - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a PUT route handler for updating a user.

Express

app.[1]('/user/:id', (req, res) => {
  // update user logic
  res.send('User updated');
});

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

Apost

Bput

Cdelete

Dget

Attempts:

3 left

💡 Hint

Common Mistakes

Using GET or POST instead of PUT for updating resources.

Confusing DELETE with update operations.

The PUT method is used to update a resource completely. Here, app.put defines the route handler for PUT requests.

2fill in blank

medium

Complete the code to create a PATCH route handler for partially updating a user.

Express

app.[1]('/user/:id', (req, res) => {
  // partial update logic
  res.send('User partially updated');
});

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

Apatch

Bpost

Cput

Dget

Attempts:

3 left

💡 Hint

Common Mistakes

Using PUT instead of PATCH for partial updates.

Using GET or POST for update operations.

PATCH is used for partial updates of a resource. Here, app.patch defines the route handler for PATCH requests.

3fill in blank

hard

Fix the error in the route handler method to correctly handle a PUT request.

Express

app.[1]('/product/:id', (req, res) => {
  // update product logic
  res.send('Product updated');
});

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

Apatch

Bpost

Cget

Dput

Attempts:

3 left

💡 Hint

Common Mistakes

Using PATCH or POST instead of PUT for full updates.

Using GET which is for fetching data.

The route must use put to handle PUT requests for updating the product.

4fill in blank

hard

Fill both blanks to create a PATCH route that updates only the user's email.

Express

app.[1]('/user/:id', (req, res) => {
  const newEmail = req.body.[2];
  // update email logic
  res.send('Email updated');
});

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

Apatch

Bput

Cemail

Dusername

Attempts:

3 left

💡 Hint

Common Mistakes

Using PUT instead of PATCH for partial updates.

Accessing the wrong property like username instead of email.

The route uses patch for partial update, and email is the field to update from the request body.

5fill in blank

hard

Fill all three blanks to create a PUT route that updates a product's name and price.

Express

app.[1]('/product/:id', (req, res) => {
  const updatedName = req.body.[2];
  const updatedPrice = req.body.[3];
  // update product logic
  res.send('Product updated with new name and price');
});

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

Aput

Bname

Cprice

Dpatch

Attempts:

3 left

💡 Hint

Common Mistakes

Using PATCH instead of PUT for full updates.

Mixing up property names or using incorrect ones.

The route uses put for full update, and accesses name and price from the request body to update the product.