JSON request and response patterns in Express - Mini Project: Build & Apply

JSON Request and Response Patterns with Express

📖 Scenario: You are building a simple Express server that handles JSON data from clients. This server will receive JSON requests and send JSON responses.

🎯 Goal: Create an Express server that accepts JSON data in a POST request and responds with a JSON message confirming the received data.

📋 What You'll Learn

Create an Express app instance

Use middleware to parse JSON request bodies

Create a POST route at /submit that reads JSON data from the request body

Send a JSON response confirming the received data

💡 Why This Matters

🌍 Real World

Many web applications use Express servers to handle JSON data sent from frontend clients or other services.

💼 Career

Understanding JSON request and response patterns is essential for backend developers working with APIs and web servers.

1

Set up Express app and import modules

Write code to import express and create an Express app instance called app.

Express

// Your code here

Need a hint?

Use require('express') to import Express and then call express() to create the app.

2

Add JSON body parsing middleware

Add middleware to the app to parse incoming JSON request bodies using app.use(express.json()).

Express

const express = require('express');
const app = express();
// Add JSON parsing middleware here

Need a hint?

Use app.use(express.json()) to enable JSON parsing for request bodies.

3

Create POST route to receive JSON data

Create a POST route at /submit using app.post. Inside the route handler, access the JSON data from req.body and store it in a variable called data.

Express

const express = require('express');
const app = express();
app.use(express.json());

// Create POST /submit route here

Need a hint?

Use app.post('/submit', (req, res) => { ... }) and inside the function assign req.body to data.

4

Send JSON response confirming received data

Inside the POST route handler, send a JSON response using res.json with an object containing a message key that says "Data received" and a received key with the data variable.

Express

const express = require('express');
const app = express();
app.use(express.json());

app.post('/submit', (req, res) => {
    const data = req.body;
    // Send JSON response here
});

Need a hint?

Use res.json({ message: "Data received", received: data }) to send the JSON response.