The Forge — Frontend

HTML Basics HTML

easy

Hello, Web!

Build a simple personal introduction page using core HTML elements. The page should have a main heading with your name, a subheading describ...

50000 EXP 500 Coins

Not started

CSS Fundamentals CSS

easy

Style My Profile

The HTML for a profile card has been built for you. Your job is to style it using CSS. Give the card a background colour, some padding, roun...

75000 EXP 800 Coins

Not started

JavaScript Basics JS

easy

Click Counter

Build a button that counts how many times it has been clicked. Display the current count on the page. Add a second button to reset the count...

100000 EXP 1000 Coins

Not started

HTML & CSS Layout CSS

medium

Recipe Card

Build a styled recipe card for a dish of your choice. The card should display: a recipe title, an image, prep/cook times, an ingredients lis...

200000 EXP 2000 Coins

Not started

JavaScript & CSS ALL 3

medium

Light/Dark Mode Toggle

Build a page with a button that toggles between light and dark mode. Use CSS custom properties (variables) to define your colours, then swap...

250000 EXP 2500 Coins

Not started

Frontend Apps ALL 3

hard

Build a To-Do List App

Build a fully working to-do list app. Users should be able to type a task, add it to the list, mark tasks as complete (struck through), and ...

400000 EXP 5000 Coins

Not started