Platform · Web DevelopmentFree

Frontend Mentor

Real design files and a brief, then you build it and get community feedback. It solves the specific problem of not knowing what to build once tutorials run out.

Format

Platform

Topic

Web Development

Provider

Frontend Mentor

Time needed

Ongoing

Level

Beginner

Access

Free

What it is

A library of front end challenges, each supplying a professional design, assets and a written brief, with a community that reviews submitted solutions.

The problem it solves

After tutorials, most learners stall on what to build. Inventing a project means inventing the design too, and the result is usually something that does not look like professional work. Being handed a real design removes that and shifts the challenge to implementation, which is what needs practising.

Where the value actually is

The feedback loop. Building in isolation entrenches habits; having someone point out that your markup is unsemantic or your layout collapses at a tablet width is how those get fixed. Review other people's submissions as well, which teaches more than receiving reviews does.

Best for: beginners and career changers building a portfolio, particularly on the CSS side.

frontendcssjavascriptbeginner friendly

Ready to start?

Opens on Frontend Mentor in a new tab.

Open resource
Work with me

Stuck on something specific?

Writing only gets you so far. If you want an answer to your situation rather than the general case, book a session and we will work through it together. Every session is free; a few slots open each week.

Follow along

New writing, resources and project ideas land here first.