Improve your front-end coding skills by building real projects

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

Login with GitHub
Three people sitting round a table with their laptops laughing

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

    • HTML
    • CSS
    • JS
    premium

    Designo multi-page website

    This one's a BIG project! This challenge includes 5 different templates which make up a 7-page site. A perfect portfolio piece to show how you build multi-page websites!

    • HTML
    • CSS
    • JS
    free

    FAQ accordion card

    In this challenge, you'll be building out an FAQ accordion. This is an extremely common front-end pattern, so it's a great opportunity to get some practice in!

    • HTML
    • CSS
    • JS
    • API
    premium

    GitHub Jobs API

    Build a fully-functional jobs board using the GitHub Jobs API. This is a great opportunity to practice JS and get to grips with a framework/library of your choice!

    Intermediate
    View challenge

Community Sponsors

  • Hack for NF

    Create solutions to advance the research fields around NF & other rare diseases!

  • Diversify Tech

    Connect with underrepresented people in tech seeking new opportunities

  • Zero to Mastery Academy

    Zero To Mastery Academy is your go to place to learn all things web development

Latest Solutions

Slack logo

Join our Slack community

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