DAS14 | AI Portfolio Website Builder

Section 01Copy link

What This Course Covers

Part 1 covers setting up Claude Cowork on your desktop, creating the folder structure, building the full site layout with one foundation prompt, layering in scroll animations and parallax effects, adding a WebGL shader hero background, creating live canvas animations on every portfolio card, adding a Three.js 3D featured section, and deploying to a live URL on Netlify for free.

Part 2 covers building a password-protected admin panel, managing portfolio content from a browser, adding and updating projects without touching code, and exporting your content data.

Can you create …

I don't see …

public_html/ index.html …

Build a stunning …

Add scroll-linked effects …

Upgrade the hero …

Add live canvas …

Replace the featured …

Add the following …

Your Project Folder/ …

Add real images …

Update the portfolio …

Find the Watch …

Separate this single …

Your Project …

Create a new …

Make the admin …

Update index.html to …

Add a functional …

Fix the contact …

Wrap the entire …

Update the password …

I don't see …

Wrap the entire …

In the featured …

Fix the contact …

var …

Find the initContactButton …

Find the YouTube …

Check the Export …