Each level ends in a project you finish on your own, with the last one standing as a portfolio piece you can send to anyone.
Level 1
A hand-written HTML page about you: headings, paragraphs, a list of interests, a photo with meaningful alternative text, a small contact form and a table of what you are learning. No styling yet, just clean, correct structure that reads well even with CSS switched off.
Level 2
A polished, centred card with your name, role, links and a short bio, laid out with Flexbox and styled with a deliberate color and spacing system. A small script swaps the card between two themes and prints a greeting based on the time of day.
Level 3
A multi-question quiz that renders questions from an array, tracks the score, validates that an answer was chosen, gives instant feedback and animates between questions. Responsive from a narrow phone to a wide desktop.
Level 4
Search a public movie API, render results into a responsive grid, handle loading and error states gracefully, save favourites to browser storage and organise the code into ES modules with a clear CSS architecture and a dark mode.
Level 5
The final master project.
The final master project. A multi-page portfolio built from everything before it: accessible markup, a considered layout system, real data, a working contact form, tests for the logic, a Git history and a deployed public URL you can put on an application.
