← All projects

Profiles and Media

Edit profiles, shipping addresses, and product images.

Goal

This snapshot advances Gearcart Market by teaching you to edit profiles, shipping addresses, and product images.

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

Prerequisites

Use JDK 17+, Maven, and Docker for MySQL stages.

Port 8084 must be free. Copy .env.example before database stages.

  • JDK 17+
  • Maven
  • Docker from part 4 onward

Concepts

Uploads need image validation, size limits, and a public storage path.

Thymeleaf renders server HTML; Spring Security owns the session; JPA repositories persist catalog and orders.

Walkthrough

Protect profile and address forms; store product images for sellers.

Read the example, then open the matching snapshot. The repository includes validation, CSRF, and the surrounding structure.

Files.copy(file.getInputStream(), uploadPath);
product.setImagePath(filename);

Run and verify

Enter 08-Profiles-And-Media, copy .env.example, start Docker MySQL, and run ./mvnw spring-boot:run on port 8084.

Open http://127.0.0.1:8084. From data lessons onward, Ada and Grace use password123.

docker compose up -d
git clone https://github.com/michaeldunga1/fcc-spring-ecommerce.git
cd fcc-spring-ecommerce/08-Profiles-And-Media
cp .env.example .env
./mvnw spring-boot:run

Troubleshooting

Broken images usually mean the public upload symlink or static mount was skipped.

For database failures, confirm Docker and the gear_NN name. Never commit .env, target/, or secrets.

  • Read the first exception first
  • Rebuild assets after Tailwind class changes
  • Never commit secrets

Try this

Upload a valid product image, then reject a text file upload.

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