Why architectural patterns matter in Express - See It in Action

Why Architectural Patterns Matter in Express

📖 Scenario: You are building a simple Express web server to handle user requests. To keep your code organized and easy to maintain, you will use a common architectural pattern called MVC (Model-View-Controller).This pattern helps separate data handling, user interface, and control logic, making your app easier to understand and extend.

🎯 Goal: Build a basic Express app that uses the MVC pattern to serve a list of users. You will create the data (Model), set up a route (Controller), and send a simple response (View).

📋 What You'll Learn

Create a data array called users with three user names.

Create a configuration variable called port set to 3000.

Create an Express route /users that sends the list of users as JSON.

Start the Express server listening on the port variable.

💡 Why This Matters

🌍 Real World

Web servers often handle many routes and data sources. Using architectural patterns keeps code clean and scalable.

💼 Career

Understanding MVC and Express routing is essential for backend web development jobs.

1

DATA SETUP: Create the users data array

Create an array called users with these exact strings: 'Alice', 'Bob', and 'Charlie'.

Express

// Your code here

Need a hint?

Use const users = ['Alice', 'Bob', 'Charlie']; to create the array.

2

CONFIGURATION: Set the server port

Create a constant called port and set it to 3000.

Express

const users = ['Alice', 'Bob', 'Charlie'];
// Your code here

Need a hint?

Use const port = 3000; to set the port number.

3

CORE LOGIC: Create the /users route

Import Express, create an app with express(), and add a GET route /users that sends the users array as JSON using res.json(users).

Express

const users = ['Alice', 'Bob', 'Charlie'];
const port = 3000;

// Your code here

Need a hint?

Use const app = express(); to create the app and app.get('/users', (req, res) => { res.json(users); }); for the route.

4

COMPLETION: Start the server listening

Add app.listen(port) to start the server on the port variable.

Express

const express = require('express');
const users = ['Alice', 'Bob', 'Charlie'];
const port = 3000;

const app = express();

app.get('/users', (req, res) => {
  res.json(users);
});

// Your code here

Need a hint?

Use app.listen(port); to start the server.