server.js

const express = require("express");
const imagesData = require("./data/images.json");

console.log("Preparing to launch Express.js server");

const app = express();
let port = process.env.PORT;
if (port == null || port == "") {
    port = 5000;
}

app.set('view engine', 'ejs');
app.use(express.static(__dirname + '/public'));

function printReq(req, res, next) {
    console.log("Request query: ");
    console.log(req.query);
    console.log("Request params: ");
    console.log(req.params);
    if (req.body) {
        console.log("Request body: ");
        console.log(req.body);    
    }
    next();
}

app.get("/", printReq, (req, res) => {
    res.render("pages/gallery", {
        "imagesData": imagesData
    });
});

app.get("/images", printReq, (req, res) => {
    let imageName = req.query.name;
    console.log("Received request for image with name = " + imageName);
    let imageData = imagesData.images.find(image => {
        return image.name === imageName;
    });
    console.log("Filtered to image JSON = " + JSON.stringify(imageData));
    res.render("pages/palette", {
        "imageData": imageData
    });
});

// app.get("/images/:id", printReq, (req, res) => {
//     res.send("Here's the image you requested!");
// });

app.post("/images", printReq, (req, res) => {
    console.log(req.body);
    res.status(200);
    res.send("Image created!");
});

app.get("/about", printReq, (req, res) => {
    res.render("pages/about");
});

app.listen(port, () => console.log("Express.js server is listening on port " + port));