Why real-time matters in Express - See It in Action

Why real-time matters

📖 Scenario: You are building a simple chat server using Express.js. Real-time updates are important so users can see new messages instantly without refreshing the page.

🎯 Goal: Create a basic Express server that holds chat messages in memory and can send them to clients. Then add a configuration for the maximum number of messages to keep. Finally, implement the logic to add new messages and limit stored messages to that maximum.

📋 What You'll Learn

Create an Express app with an array called messages containing exactly these strings: 'Hello', 'Welcome', 'Express is cool'

Add a variable called maxMessages and set it to 5

Write a function called addMessage that takes a msg parameter, adds it to messages, and removes the oldest message if messages length exceeds maxMessages

Export the Express app and the addMessage function

💡 Why This Matters

🌍 Real World

Real-time chat apps need to manage messages efficiently and update users instantly.

💼 Career

Understanding Express app setup and data management is essential for backend web development jobs.

1

Set up initial messages array

Create an array called messages with these exact strings: 'Hello', 'Welcome', 'Express is cool'

Express

// Create an array called messages with the given strings
// Your code here

Need a hint?

Use const messages = ['Hello', 'Welcome', 'Express is cool']; to create the array.

2

Add maxMessages configuration

Add a variable called maxMessages and set it to 5

Express

const messages = ['Hello', 'Welcome', 'Express is cool'];

// Add a variable maxMessages and set it to 5
// Your code here

Need a hint?

Use const maxMessages = 5; to set the limit.

3

Create addMessage function

Write a function called addMessage that takes a parameter msg, adds it to the messages array, and removes the oldest message if messages.length is greater than maxMessages

Express

const messages = ['Hello', 'Welcome', 'Express is cool'];
const maxMessages = 5;

// Write function addMessage(msg) to add msg to messages and remove oldest if too many
// Your code here

Need a hint?

Use messages.push(msg) to add and messages.shift() to remove the oldest message.

4

Export app and addMessage function

Create an Express app by requiring express and calling it. Export the Express app as app and export the addMessage function

Express

const messages = ['Hello', 'Welcome', 'Express is cool'];
const maxMessages = 5;

function addMessage(msg) {
  messages.push(msg);
  if (messages.length > maxMessages) {
    messages.shift();
  }
}

// Create Express app and export app and addMessage
// Your code here

Need a hint?

Use const express = require('express'); and const app = express(); then export both.