Pagination patterns in Node.js - Mini Project: Build & Apply

Pagination Patterns in Node.js

📖 Scenario: You are building a simple Node.js server that returns a list of products. To avoid sending too many products at once, you want to add pagination. This means the server will send only a small group of products per request, based on the page number and page size.

🎯 Goal: Create a Node.js script that holds a list of products and implements pagination logic. You will set up the data, configure page size, write the pagination function, and finally return the correct page of products.

📋 What You'll Learn

Create an array called products with exactly 10 product names as strings.

Create a variable called pageSize and set it to 3.

Write a function called getPage that takes pageNumber and returns the correct slice of products based on pageSize.

Call getPage with pageNumber 2 and store the result in a variable called page2Products.

💡 Why This Matters

🌍 Real World

Pagination is used in web servers and APIs to send data in small chunks, improving speed and user experience.

💼 Career

Understanding pagination is essential for backend developers working with databases and APIs to efficiently manage large data sets.

1

Create the product list

Create an array called products with these exact product names as strings: 'Apple', 'Banana', 'Carrot', 'Dates', 'Eggplant', 'Fig', 'Grape', 'Honeydew', 'Iceberg', 'Jackfruit'.

Node.js

// Create the products array with the exact names
// Your code here

Need a hint?

Use square brackets [] to create an array and separate each product name with commas.

2

Set the page size

Create a variable called pageSize and set it to the number 3.

Node.js

const products = ['Apple', 'Banana', 'Carrot', 'Dates', 'Eggplant', 'Fig', 'Grape', 'Honeydew', 'Iceberg', 'Jackfruit'];

// Create pageSize variable and set it to 3
// Your code here

Need a hint?

Use const pageSize = 3; to create a fixed page size.

3

Write the pagination function

Write a function called getPage that takes a parameter pageNumber. Inside, calculate the start index as (pageNumber - 1) * pageSize. Return a slice of products from the start index to start + pageSize.

Node.js

const products = ['Apple', 'Banana', 'Carrot', 'Dates', 'Eggplant', 'Fig', 'Grape', 'Honeydew', 'Iceberg', 'Jackfruit'];
const pageSize = 3;

// Write getPage function to return correct products slice
// Your code here

Need a hint?

Use slice(start, end) on the products array to get the correct page.

4

Get the second page products

Call the getPage function with pageNumber 2 and store the result in a variable called page2Products.

Node.js

const products = ['Apple', 'Banana', 'Carrot', 'Dates', 'Eggplant', 'Fig', 'Grape', 'Honeydew', 'Iceberg', 'Jackfruit'];
const pageSize = 3;

function getPage(pageNumber) {
    const start = (pageNumber - 1) * pageSize;
    return products.slice(start, start + pageSize);
}

// Call getPage with 2 and save to page2Products
// Your code here

Need a hint?

Use const page2Products = getPage(2); to get the second page.