Feed and Detail

View saved

Goal

This snapshot advances Copperline Journal by teaching you to build a database-backed feed and individual post pages.

Every numbered folder is a complete app. Run this stage independently, then compare it with the previous folder to see the new responsibility clearly.

Prerequisites

Use Node.js 20 or newer, npm, and a terminal. You should recognize basic JavaScript functions, objects, and HTTP requests.

Port 3000 must be available. MongoDB snapshots use Docker locally; copy the example environment file before starting them.

  • Node.js and npm installed
  • A code editor and terminal
  • Docker from part 4 onward

Concepts

List and detail pages are separate read operations: the feed loads a bounded summary collection while detail loads one document by id.

Keep responsibilities visible: middleware prepares requests, routes choose handlers, models protect data rules, and EJS views present escaped values.

Walkthrough

Link feed titles to /posts/:id, populate the author on detail, and return 404 when no matching post exists.

Read the example from input to output, then inspect the matching snapshot. The repository includes the surrounding setup and error handling.

const post = await Post.findById(req.params.id).populate("author");
if (!post) return res.sendStatus(404);
res.render("post_detail", { post });

Run and verify

Enter 05-Feed-And-Detail, install its dependencies, copy .env.example when present, and start the server.

Open http://localhost:3000. Keep the terminal visible so route, validation, and database errors can be connected to the browser action that caused them.

docker compose up -d
git clone https://github.com/michaeldunga1/fcc-express-blog.git
cd fcc-express-blog/05-Feed-And-Detail
npm install
cp .env.example .env
npm start
# optional: npm run seed

Troubleshooting

Malformed MongoDB ids can throw before returning null, so pass async failures to error middleware and distinguish bad ids from missing records.

A missing-module error usually means npm install ran in another snapshot. For database failures, check the container and that this folder uses its own Copperline database name.

  • Read the first error first
  • Restart after environment changes
  • Never commit .env or node_modules

Try this

Add the publication date to both feed cards and the detail page.

Test a happy path and one invalid or unauthorized request. Useful applications return clear feedback without exposing secrets or stack traces.

  • Make one small change
  • Test it in the browser
  • Compare with the next snapshot only after it works

Next: Registration

Comments

One comment per signed-in account. Comments are saved with this page’s URL.