Final Project: Plan Your Website

You have built every skill this capstone needs. Now you choose the project — that choice, and the plan, are the first deliverable.

Pick your site

Choose something you would actually publish:

• Personal portfolio — about you, your work, a contact form
• Small business site — a local café, studio, or service: services, gallery, contact
• Community page — a club, team, or event with schedules and sign-up form

Pick the one you can describe in three sentences. If you cannot, it is too big.

Scope it deliberately

Every capstone needs, at minimum:

• 3+ sections or pages (home, about/work, contact)
• Responsive layout using Flexbox and/or Grid
• Accessible forms (labels, error feedback) with JavaScript validation
• Real interactivity — at least: mobile navigation toggle, one stateful feature (filter, theme, or list) that persists with localStorage
• Semantic HTML throughout — one h1, landmarks, alt text, contrast

Write these as a checklist before coding. This is your acceptance test: the project is done when the checklist is green, not when you are tired.

Milestones, not marathons

1. Content and structure — semantic HTML for every section (no styling yet)
2. Layout — responsive with Flexbox/Grid, mobile-first
3. Polish — typography, color system, focus states, transitions
4. Behavior — validation, navigation toggle, your stateful feature
5. Ship — Git history with meaningful commits, deployed, README written

Each milestone ends with something that works. Build in that order — content before styling before behavior — and you will never stare at a blank page.

Next: build it, ship it, and pass the capstone checks.