Improve your front-end coding skills by building real projects

Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Join 235,568 developers building projects, reviewing code, and helping each other get better.

How it Works

Choose your challenge

Have a look through our collection of web designs. Pick one that you feel will be a nice challenge for you at this stage.

Code the design

Start the challenge and download all the starter files. We provide all the files you'll need to complete the challenge. Building it is up to you!

Submit your solution

Post your solution on the platform for everyone to see and get feedback on your code from other developers in the community.

Give others feedback

Thinking critically about other people's code is a crucial skill. Help others while deepening your own knowledge by giving feedback on solutions.

Latest Challenges

E-commerce product page

html

css

js

3

intermediate

In this challenge, you'll build a beautiful product page. We'll be putting your JS skills to the test with a lightbox product gallery and cart functionality!

Memory game

html

css

js

4

advanced

This project will be an excellent test for your HTML, CSS, and JS skills! You'll be building a fun memory game where players try to match pairs.

Time tracking dashboard

html

css

js

2

juniour

A perfect opportunity to practice your CSS Grid skills. For anyone wanting to take it up a notch, we provide a JSON data file to practice working with data.

GitHub user search app

html

css

js

api

2

juniour

In this project, you'll use the GitHub users API to pull profile data and display it. It's a great challenge if you're looking to practice working with a 3rd-party API.

Order summary component

html

css

1

newbie

A perfect project for newbies who are starting to build confidence with layouts!

Galleria slideshow site

html

css

js

3

intermediate

This art gallery slideshow project will be a great test for your layout and JS skills. With the masonry layout, slideshow logic, and lightbox view there's a lot to build!

join our slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!

SUBSCRIBE TO OUR NEWSLETTER

Stay up-to-date with new challenges, featured solutions, selected articles and Frontend Mentor latest news

frontend mentor

Gain real experience of building websites and providing code reviews. Build your portfolio and help others achieve their goals.

explore

  • Unlock PRO
  • Challenges
  • Solutions
  • Resources
  • community

  • Contact Us
  • Slack
  • FAQs
  • Blog