Profiles and Media

Goal

This snapshot advances Marlowe Gazette by teaching you to edit writer profiles and safely store avatar images.

Every numbered folder is complete and independently runnable, so you can inspect this stage without rebuilding earlier lessons.

Prerequisites

Use PHP 8.2 or newer, Composer, Docker, and a terminal. Basic PHP, HTML, and SQL familiarity will help.

The Laravel development server uses port 8000. Root Docker Compose exposes MySQL 8 on port 3307 and each snapshot has a separate database.

• PHP and Composer
• Docker
• A code editor and terminal

Concepts

Uploads require multipart forms, image validation, generated storage names, size limits, and a public storage link.

Laravel keeps HTTP routes, controllers, Eloquent models, validation, authorization, and Blade presentation in explicit layers.

Walkthrough

Update name and bio, upload an avatar to the public disk, delete a replaced image, and render public writer pages with posts.

Inspect the matching snapshot around the example. The repository includes validation, errors, CSRF protection, and the surrounding application structure.

$path = $request->file('avatar')->store('avatars', 'public');

Run and verify

Start MySQL from the repository root, enter 08-Profiles-And-Media, install dependencies, copy the environment file, generate an application key, migrate, seed, and serve.

Open http://localhost:8000. From data lessons onward, Ada and Grace are deterministic accounts with password password123.

docker compose up -d
git clone https://github.com/michaeldunga1/fcc-laravel-blog.git
cd fcc-laravel-blog/08-Profiles-And-Media
composer install
cp .env.example .env
php artisan key:generate
php artisan migrate --seed
php artisan storage:link
php artisan serve --host=0.0.0.0 --port=8000

Troubleshooting

If an image 404s, run php artisan storage:link and check filesystem configuration and file permissions.

If MySQL fails, verify Docker is healthy, port 3307 is free, and this snapshot's DB_DATABASE matches its unique marlowe_XX database.

• Read the first exception
• Clear cached config after environment changes
• Never commit .env, vendor, or node_modules

Try this

Upload a valid image, then confirm a text file and file over 2 MB are rejected.

Exercise both a successful request and a validation or authorization failure before moving to the next snapshot.

• Make one focused change
• Test it in the browser
• Compare the next snapshot after it works