Project Vera Advanced

A faster, deeper 10-week website course for an 11-year-old who can handle double the workload.

Week 10: Final Advanced Project: Build a Mini Tool Website

Goal: Create a polished, advanced static website with multiple pages, calculators, quiz, SEO files and a professional QA process.

Build this week: Finish Project Vera Advanced as a complete mini website.

Skills: Project planning, Advanced layout, Calculators, Quiz, SEO, Schema, Sitemap, QA, Launch

Final website brief

Build a small but genuinely useful website. The recommended final project is <strong>Kids Money and Safety Tools</strong>. It should include calculators, a quiz, useful written content, a sitemap and proper navigation.

Required pages

index.html
about.html
tools.html
calculators.html
lemonade-calculator.html
pocket-money-goal-calculator.html
safety-quiz.html
website-safety.html
sitemap.xml
robots.txt
assets/style.css

Step-by-step final build

  1. Choose the final topic and write a one-sentence purpose.
  2. Build or improve the homepage.
  3. Create a proper tools or calculators hub.
  4. Include at least two calculators.
  5. Include one quiz.
  6. Add useful explanations and FAQs to the calculator pages.
  7. Add SEO titles and meta descriptions to every page.
  8. Add schema to at least one FAQ page.
  9. Create or update sitemap.xml and robots.txt.
  10. Run a final QA check.
  11. Upload the final project.
  12. Present the website and explain the build process.

Advanced QA checklist

  • All pages have matching navigation.
  • All page titles are unique.
  • All meta descriptions are unique.
  • All calculators have been tested with simple numbers.
  • Invalid calculator inputs show helpful messages.
  • Quiz works from start to finish.
  • Mobile layout works.
  • Sitemap includes final URLs.
  • robots.txt points to the sitemap.
  • No private information is published.
  • All links work.
  • CSS is reused instead of copied everywhere.

Final presentation script

Suggested presentation:

This is my Project Vera Advanced website. I built it using HTML, CSS and JavaScript. I used AI to help with some code, but I tested the calculators myself. The website has pages, navigation, calculators, a quiz, SEO titles, a sitemap and robots.txt. One problem I fixed was ________. One thing I learned was ________.

Advanced certificate

Project Vera Advanced Complete

Skills:
- Website folder structure
- HTML page creation
- Shared CSS design system
- Responsive layouts
- JavaScript calculators
- Input validation
- Interactive quiz
- localStorage basics
- AI-assisted coding
- SEO titles and meta descriptions
- Sitemap and robots.txt
- FAQ schema basics
- QA and publishing workflow

Next course ideas

After this course, she could move into:
  • Beginner WordPress
  • Canva graphics for websites
  • Google Search Console basics
  • Simple contact forms
  • More advanced JavaScript projects
  • Building a real mini ecommerce landing page
Previous week Back to course home