Build your portfolio
Use the agent to build a small personal portfolio that can be deployed.
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:
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:
Make it simpler. I need something I can finish and deploy today.
Build in small steps
Ask for one change at a time:
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:
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
.envfiles 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.