REAL-WORLD PRACTICE

Projects worth building.

Turn tutorials into hands-on work. Use these free project briefs for practice, interviews or portfolio inspiration.

Build a Responsive Developer Portfolio

Create a clean multi-section portfolio using semantic HTML, CSS grid and a mobile navigation.

Explore resource Intermediate

Build a Task Manager with JavaScript

Practice JavaScript state, forms and local storage through a task board.

Explore resource Intermediate

Build a Weather Dashboard UI

Design a weather interface that handles loading, errors and responsive forecasts.

Explore resource Intermediate

Build a Markdown Notes App

Create a split-pane markdown editor with live preview and local persistence.

Explore resource Beginner

Build a Color Palette Generator

Learn color manipulation by creating palettes and copying CSS variables.

Explore resource Advanced

Build an API Response Explorer

Practice request methods, headers, response metadata and JSON visualization.

Explore resource