Project Vera: 20-Week Commercial Website Course

Learn websites, coding with ChatGPT, HTML, CSS, JavaScript, calculators, quizzes, SEO and launch QA — with one commercial-quality project completed every two weeks.

Week 19: Plan the Final Portfolio-Ready Website

This week in plain English

ObjectivePlan and start a final website that combines the best skills from the course.
Why this mattersThe final project proves she can use AI and coding to create something complete.
What she will makeA final website plan and first draft build.
What “done” looks likeThe final project has a clear topic, site map, homepage draft and build checklist.
At the end, she should be able to say:
“A proper website starts with planning: audience, purpose, pages, tools and success checklist.”
Fortnight project: Commercial Project 10 starts: Final Portfolio-Ready Client Website.

Skills: project planning, site maps, AI planning, homepage draft, portfolio thinking

Suggested session structure: 10 minutes objective, 10 minutes ChatGPT planning, 25 minutes building, 10 minutes testing, 5 minutes recap.

Commercial objective for Weeks 19–20

Two-week commercial outcome: Build one final portfolio-ready website that includes multiple pages, commercial layout, calculator or quiz, SEO basics, sitemap, QA and a presentation.

Final project options

Choose one: <ul> <li><strong>Kids Safety Tools</strong>: guides, safety quiz, safety kit estimator.</li> <li><strong>Mini Business Tools for Kids</strong>: profit calculator, savings calculator, pricing estimator.</li> <li><strong>Pet Sitting Starter Website</strong>: business pages, cost calculator, enquiry page.</li> <li><strong>Website Builder for Kids</strong>: tutorials, quiz, project planner calculator.</li> </ul>

Step-by-step

  1. Choose the final topic.
  2. Write the audience: who is the website for?
  3. Write the purpose: what should the website help them do?
  4. Plan 5–7 pages.
  5. Choose one interactive tool: calculator or quiz.
  6. Ask ChatGPT for a site map.
  7. Create the homepage first.
  8. Create shared CSS.
  9. Upload the first draft.

ChatGPT planning prompt

Prompt:
I am 11 years old and building my final portfolio website using HTML, CSS and JavaScript. Topic: [INSERT TOPIC]. Please help me plan a 5-page website with one interactive calculator or quiz. Give me page names, the goal of each page, and a simple build order.

Final site map template

index.html
about.html
tools.html
guide.html
calculator-or-quiz.html
contact-or-next-steps.html
sitemap.xml
robots.txt
assets/
  style.css

End of week check

  • Final topic is chosen.
  • Audience is clear.
  • Purpose is clear.
  • Page list is created.
  • Homepage first draft exists.
  • Interactive tool is planned.
Previous week Next week