Creating an Express Router - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import Express and create a router.

Express

const express = require('[1]');
const router = express.Router();

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

Arouter

Bhttp

Cexpress

Dpath

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'http' instead of 'express' will not provide the router function.

Using 'path' or 'router' as module names will cause errors.

You need to import the 'express' module to create a router.

2fill in blank

medium

Complete the code to define a GET route on the router.

Express

router.[1]('/', (req, res) => {
  res.send('Hello from router!');
});

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

Alisten

Bpost

Cuse

Dget

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'post' will expect data to be sent, not retrieved.

Using 'use' is for middleware, not route methods.

The 'get' method defines a route that responds to GET requests.

3fill in blank

hard

Fix the error in exporting the router.

Express

module.exports = [1];

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

Aexpress

Brouter

Crequire

Dapp

Attempts:

3 left

💡 Hint

Common Mistakes

Exporting 'express' or 'app' will not export your router routes.

Using 'require' here is incorrect syntax.

You export the router object so other files can use it.

4fill in blank

hard

Fill both blanks to mount the router on the app at '/api'.

Express

const app = express();
app.[1]('/api', [2]);

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

Ause

Brouter

Cget

Dlisten

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'get' instead of 'use' will not mount the router correctly.

Passing 'listen' or 'app' instead of the router will cause errors.

Use app.use to mount the router middleware at the '/api' path.

5fill in blank

hard

Fill all three blanks to create a router with a POST route and export it.

Express

const express = require('express');
const router = express.Router();
router.[1]('/submit', (req, res) => {
  res.[2]('Data received');
});
module.exports = [3];

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

Apost

Bsend

Crouter

Dget

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'get' instead of 'post' changes the route behavior.

Forgetting to export the router will make it unusable elsewhere.

This code defines a POST route on the router and exports it for use in other files.

Practice

1. What is the main purpose of using express.Router() in an Express app?

easy

A. To handle database connections

B. To start the Express server

C. To create a modular set of routes that can be mounted separately

D. To serve static files

Solution

1. Step 1: Understand what express.Router() does

   This function creates a new router object that can hold routes separately from the main app.

2. Step 2: Identify the purpose of modular routes

   Modular routes help organize code by grouping related routes, making the app easier to maintain.

3. Final Answer:

   To create a modular set of routes that can be mounted separately -> Option C

4. Quick Check:

   Router = modular routes [OK]

Hint: Router organizes routes separately for cleaner code [OK]

Common Mistakes:

• Thinking router starts the server
• Confusing router with database handling
• Assuming router serves static files

2. Which of the following is the correct way to create a new Express router?

easy

A. const router = express.Router();

B. const router = new express.Router();

C. const router = express.createRouter();

D. const router = Router();

Solution

1. Step 1: Recall the Express Router creation syntax

   The correct method is calling Router() as a function on the express object.

2. Step 2: Check each option for syntax correctness

   const router = express.Router(); uses express.Router() correctly. const router = new express.Router(); wrongly uses new. const router = express.createRouter(); uses a non-existent method. const router = Router(); calls Router() without express..

3. Final Answer:

   const router = express.Router(); -> Option A

4. Quick Check:

   Correct syntax = express.Router() [OK]

Hint: Use express.Router() without new keyword [OK]

Common Mistakes:

• Using new keyword with Router
• Calling a non-existent createRouter method
• Calling Router without express prefix

3. Given this code snippet, what will be the output when a GET request is made to /api/users?

const express = require('express');
const app = express();
const router = express.Router();

router.get('/users', (req, res) => {
  res.send('User list');
});

app.use('/api', router);

app.listen(3000);

medium

A. Cannot GET /api/users

B. Error: router not defined

C. 404 Not Found

D. User list

Solution

1. Step 1: Understand route mounting with app.use('/api', router)

   This mounts the router under the path /api, so routes inside router are prefixed with /api.

2. Step 2: Check the router route /users

   The router handles GET requests to /users, so combined with the mount path, the full path is /api/users.

3. Final Answer:

   User list -> Option D

4. Quick Check:

   Mounted path + router path = /api/users [OK]

Hint: Router path combines with app.use prefix [OK]

Common Mistakes:

• Forgetting the mount path prefix
• Expecting route at root instead of /api
• Assuming router not mounted

4. Identify the error in this Express router code:

const express = require('express');
const router = express.Router;

router.get('/info', (req, res) => {
  res.send('Info page');
});

module.exports = router;

medium

A. Missing parentheses when creating router instance

B. Route path should be '/info/' with trailing slash

C. res.send should be res.json

D. module.exports should export an object, not router

Solution

1. Step 1: Check router creation syntax

   The code uses express.Router without parentheses, so it assigns the function itself, not an instance.

2. Step 2: Confirm correct router instantiation

   It should be express.Router() to create a router instance that supports route methods.

3. Final Answer:

   Missing parentheses when creating router instance -> Option A

4. Quick Check:

   Router needs () to create instance [OK]

Hint: Router must be called as a function with () [OK]

Common Mistakes:

• Forgetting () after express.Router
• Thinking trailing slash is required
• Confusing res.send with res.json

5. You want to create two routers: one for /users and one for /products. How do you correctly mount them in your Express app so that requests to /users/list and /products/list work as expected?

hard

A. app.use(usersRouter); app.use(productsRouter);

B. app.use('/users', usersRouter); app.use('/products', productsRouter);

C. app.use('/list', usersRouter); app.use('/list', productsRouter);

D. app.get('/users', usersRouter); app.get('/products', productsRouter);

Solution

1. Step 1: Understand router mounting with path prefixes

   To handle routes under /users and /products, mount each router with those paths using app.use().

2. Step 2: Check each option for correct usage

   app.use('/users', usersRouter); app.use('/products', productsRouter); mounts routers correctly with prefixes. app.use(usersRouter); app.use(productsRouter); mounts without prefixes, so routes won't be under desired paths. app.use('/list', usersRouter); app.use('/list', productsRouter); mounts both under /list, causing conflicts. app.get('/users', usersRouter); app.get('/products', productsRouter); uses app.get incorrectly with routers.

3. Final Answer:

   app.use('/users', usersRouter); app.use('/products', productsRouter); -> Option B

4. Quick Check:

   Mount routers with correct path prefixes [OK]

Hint: Use app.use with path prefix for each router [OK]

Common Mistakes:

• Mounting routers without path prefix
• Using app.get instead of app.use for routers
• Mounting multiple routers on same path