← All projects

Profiles and Media

Show author profiles and accept constrained avatar uploads.

Goal

This snapshot advances Circuit Daily by teaching you to show author profiles and accept constrained avatar uploads.

Every numbered folder is a complete app. Run this stage independently, then compare it with the previous folder.

Prerequisites

Use Node.js 20+, npm, and a terminal. You should recognize TypeScript modules, decorators, and HTTP verbs.

Port 3001 must be free. Copy .env.example before starting database stages.

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

Concepts

Upload endpoints must check content type and size, generate safe filenames, and store paths—not user-supplied names.

Keep controllers thin: accept input, call services, render Handlebars views. Escape stays on by default in templates.

Walkthrough

Protect profile editing, allowlist display name and bio, and serve uploads from a static mount.

Read the example, then open the matching snapshot. The repository includes the surrounding setup and error handling.

if (file.size > 2 * 1024 * 1024) throw new BadRequestException('Image too large');

Run and verify

Enter 08-Profiles-And-Media, install dependencies, copy .env.example when present, and start Nest on port 3001.

Open http://127.0.0.1:3001. Watch the terminal for validation and database errors.

docker compose up -d
git clone https://github.com/michaeldunga1/fcc-nestjs-blog.git
cd fcc-nestjs-blog/08-Profiles-And-Media
npm install
cp .env.example .env
npm run start:dev

Troubleshooting

If no file arrives, confirm enctype=multipart/form-data and the field name.

Missing-module errors usually mean npm install ran in another snapshot. For Postgres failures, confirm Docker and the circuit_NN database name.

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

Try this

Upload a valid image, then reject a text file.

Test a happy path and one invalid or unauthorized request.

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

Related tutorials