Projects by pathway

A guided restaurant-site build that grows from a single HTML page into a deployed multi-page project.

A pathway-linked reference project that reinforces structure, navigation, images, and styling across beginner lessons.

Create a simple profile page to practise headings, sections, and semantic HTML.

Practise text structure, lists, and semantic grouping with a recipe page.

Use images, captions, and simple page structure to build a lightweight gallery.

Build a small interactive page with forms and basic event-driven behaviour.

Create a first JavaScript app that responds to user input and updates the page.

Build a list-based app that combines forms, arrays, and DOM updates.

A guided restaurant-site build that grows from a single HTML page into a deployed multi-page project.

Strengthen CSS selector fluency with a focused styling challenge.

Create reusable card patterns with layout, spacing, and visual hierarchy.

A pathway-linked reference project that reinforces structure, navigation, images, and styling across beginner lessons.

Explore colour systems and typography choices for a simple design exercise.

Upgrade a basic gallery with responsive layout and stronger CSS composition.

Turn a simple profile into a more polished layout with stronger presentation.

Expand a todo app with richer styling, motion, and interaction states.

Build a small interactive page with forms and basic event-driven behaviour.

Create a first JavaScript app that responds to user input and updates the page.

A second gallery project for practicing dynamic rendering and interaction logic.

Build a list-based app that combines forms, arrays, and DOM updates.

A second todo app focused on deeper array logic and filtering behaviour.

Build a simple interface that changes visual state with JavaScript.

Use inputs, functions, and conditional logic in a practical converter tool.

Build a game loop around conditionals, state, and user feedback.

Combine operators, functions, and UI controls in a practical calculator app.

Practise input handling and branching logic with a simple grading tool.

Build an interactive quiz that tracks answers and gives feedback.

Work through broken styles and layout issues in a guided debugging exercise.

A guided restaurant-site build that grows from a single HTML page into a deployed multi-page project.

Verify your Git setup before moving into repository workflows.

Check identity, configuration, and command-line readiness for Git work.

Practise pulling a remote repository to your local machine and inspecting it.

Practise staging work intentionally and writing useful commit messages.

Create, switch, and use branches safely while keeping work isolated.

Combine branches and get comfortable with merge flow and conflict handling.

Connect a local repository to a remote and practise pushing or pulling changes.