Improve your front-end coding skills by building real projects

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

Login with GitHub
Three people sitting and laughing around a table with their laptops

How it works

  • Icon with arrow pointing down

    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.

  • Icon of laptop with outlines of code on the screen</>

    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!

  • Icon for sharing with three connected nodes

    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

  • NewFree+
    Desktop design screenshot for the Space tourism multi-page website coding challenge

    Space tourism multi-page website

    • HTML
    • CSS
    • JS
    3Intermediate

    This project is a fun collaboration with Scrimba and Kevin Powell! If you like, you can follow along and watch Kevin complete the project on Scrimba. Lots to be learned!

  • Free
    Desktop design screenshot for the E-commerce product page coding challenge

    E-commerce product page

    • HTML
    • CSS
    • JS
    3Intermediate

    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!

  • Premium
    Desktop design screenshot for the Memory game coding challenge

    Memory game

    • HTML
    • CSS
    • JS
    4Advanced

    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.

  • Free
    Desktop design screenshot for the Time tracking dashboard coding challenge

    Time tracking dashboard

    • HTML
    • CSS
    • JS
    2Junior

    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.

  • Premium
    Desktop design screenshot for the GitHub user search app coding challenge

    GitHub user search app

    • HTML
    • CSS
    • JS
    • API
    2Junior

    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.

  • Free
    Desktop design screenshot for the Order summary component coding challenge

    Order summary component

    • HTML
    • CSS
    1Newbie

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

Slack logo

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!