Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Improve your front-end coding skills by building real projects

Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Join 359,288 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

    Premium

    Skilled e-learning landing page

    • HTML
    • CSS
    1newbie

    This responsive page is perfect if you've learned the fundamentals of HTML & CSS, completed a couple of smaller projects, and want to take it up a notch.

    Free

    Intro section with dropdown navigation

    • HTML
    • CSS
    • JS
    2junior

    This challenge will test your ability to create dropdown navigation menus, a common pattern on larger sites. It will also provide some nice basic layout challenges.

    Premium

    In-browser markdown editor

    • HTML
    • CSS
    • JS
    3intermediate

    In this project, you'll build a fully-functional in-browser markdown editor application with a light/dark mode toggle. It's also perfect to build as a full-stack app!

    Free

    Interactive rating component

    • HTML
    • CSS
    • JS
    1newbie

    This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!

    Premium

    Entertainment web app

    • HTML
    • CSS
    • JS
    4advanced

    This multi-page entertainment web app will have you working with JSON data, routing, state management, and search functionality.

    Free

    Advice generator app

    • HTML
    • CSS
    • JS
    • API
    2junior

    The perfect project if you're learning how to interact with 3rd-party APIs. This challenge uses the Advice Slip API to generate random quotes of advice.

Slack logo

Join our Slack community

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