Building URLs programmatically in Node.js - Mini Project: Build & Apply

Building URLs programmatically

📖 Scenario: You are creating a small Node.js utility to build URLs dynamically for a web application. This utility will help combine a base URL with query parameters to create full URLs for API requests or page navigation.

🎯 Goal: Build a Node.js script that programmatically constructs a URL string by combining a base URL with query parameters stored in an object.

📋 What You'll Learn

Create a variable called baseUrl with the exact string "https://example.com/search".

Create an object called queryParams with these exact key-value pairs: term: "nodejs", page: "2", sort: "asc".

Create a variable called queryString that converts queryParams into a URL query string.

Create a variable called fullUrl that combines baseUrl and queryString with a question mark "?" separator.

💡 Why This Matters

🌍 Real World

Building URLs dynamically is common in web development for API calls, navigation, and linking with parameters.

💼 Career

Understanding how to programmatically build URLs helps in backend and frontend roles, especially when working with REST APIs or routing.

1

Set up the base URL

Create a variable called baseUrl and assign it the string "https://example.com/search".

Node.js

// Create a variable called baseUrl with the value "https://example.com/search"
// Your code here

Need a hint?

Use const baseUrl = "https://example.com/search"; to create the base URL variable.

2

Create the query parameters object

Create an object called queryParams with these exact key-value pairs: term: "nodejs", page: "2", sort: "asc".

Node.js

const baseUrl = "https://example.com/search";
// Create an object called queryParams with keys term, page, and sort with values "nodejs", "2", and "asc" respectively
// Your code here

Need a hint?

Use const queryParams = { term: "nodejs", page: "2", sort: "asc" }; to create the query parameters object.

3

Convert query parameters to a query string

Create a variable called queryString that converts the queryParams object into a URL query string using new URLSearchParams(queryParams).toString().

Node.js

const baseUrl = "https://example.com/search";
const queryParams = { term: "nodejs", page: "2", sort: "asc" };
// Create queryString by converting queryParams to a URL query string
// Your code here

Need a hint?

Use new URLSearchParams(queryParams).toString() to create the query string.

4

Combine base URL and query string

Create a variable called fullUrl that combines baseUrl and queryString with a question mark "?" separator to form the complete URL.

Node.js

const baseUrl = "https://example.com/search";
const queryParams = { term: "nodejs", page: "2", sort: "asc" };
const queryString = new URLSearchParams(queryParams).toString();
// Combine baseUrl and queryString with '?' to create fullUrl
// Your code here

Need a hint?

Use template literals to combine baseUrl and queryString with a "?" in between.