Chapter 08 / 10Build

Build your portfolio

Use the agent to build a small personal portfolio that can be deployed.

35 min read08 / 10

Goal

Use the agent to build a small personal portfolio that can be deployed.

Before you start

  • A project folder
  • An agent session you can review before accepting edits

The portfolio is the proof that you can turn AI help into a real result. It does not need to be fancy. It needs to be yours, readable, and deployable.

What to include

Your first portfolio can have four sections:

  • Your name and one sentence about you.
  • What you are learning now.
  • Projects you want to show.
  • Links people can use to contact you.

Ask the agent for a plan

Before asking for code, ask for a plan:

Prompt
I want to build a simple personal portfolio website. Make a short plan first. It should include a hero, an about section, projects, and contact links. Do not edit files yet.

Read the plan. If it sounds too big, say:

Prompt
Make it simpler. I need something I can finish and deploy today.

Build in small steps

Ask for one change at a time:

Prompt
Create the first version of the landing page. Keep it simple and responsive. After editing, tell me which files changed.

Then run the project and look at the page.

Review before accepting

Ask:

Prompt
Show me the important changes and explain them like I am new to React.

If something looks wrong, say what you see. Good feedback is specific:

  • "The text is too small on mobile."
  • "The colors are too dark."
  • "I want projects to appear before contact links."

Portfolio checkpoint

You are ready for GitHub when:

  • The page loads locally.
  • It looks acceptable on desktop and mobile.
  • You understand which files changed.
  • There are no API keys, passwords, or .env files in the project.

Lesson checklist

Tick these as you verify them. Signed-in students sync to the workshop dashboard; everyone else keeps progress in this browser.

Local progress

Save this lesson on this device.

No account needed yet. This only stores the lesson slug in your browser, not commands, secrets, or project files.