All challenges

Practice your coding abilities with our code challenges.

Free

Feature image for User authentication

User authentication

Craft a secure and user-friendly authentication system comprising registration, login, and password features.

Level 4

Free

Feature image for Editor dropdown menu

Editor dropdown menu

Develop a keyboard-accessible dropdown menu for a content editor.

Level 3

Free

Feature image for Weather app

Weather app

Build a simple weather app that displays a city's current and forecasted weather conditions.

Level 3

All-Access

Feature image for Checklist app

Checklist app

Keep track of your daily tasks with a checklist app and quickly see the percentage of tasks completed and in progress.

Level 4

Free

Feature image for Scroll reveal company benefits section

Scroll reveal company benefits section

Your coworker needs help with a tricky scroll position animation section on a client's new careers page. Can you figure it out?

Level 2

Free

Feature image for Category tag marquee

Category tag marquee

Marquees are excellent at drawing attention to web designs. Can you solve this looping category tag CSS marquee and make it a seamless, looping animation?

Level 2

Free

Feature image for Dad joke generator

Dad joke generator

Randomly generate dad jokes on-demand with a click of a button. This Challenge is a great way to learn the basics of using an API!

Level 3

All-Access

Feature image for WiseCorp SaaS pricing page

WiseCorp SaaS pricing page

WiseCorp Inc. wants you to update the new pricing page for its SaaS marketing site. Are you up for the challenge?

Level 3

Free

Feature image for Toast notifications

Toast notifications

Inform users of important updates or actions they need to take with toast notifications.

Level 4

All-Access

Feature image for Design Summit landing page

Design Summit landing page

Spark interest in Design Summit, an upcoming web design conference covering the latest trends and techniques shaping the industry.

Level 2

All-Access

Feature image for Color palette inspiration site

Color palette inspiration site

Create a library of handpicked color palettes for users to find inspiration for their next project.

Level 5

All-Access

Feature image for Monthly price calculator

Monthly price calculator

Help your client reduce the number of calls and emails their team wastes fielding pricing questions with this monthly cost calculator.

Level 3

All-Access

Feature image for Web designer and developer portfolio

Web designer and developer portfolio

Your friend, Wilfred Brett, needs your help coding the new web design and development portfolio he finished designing.

Level 3

Free

Feature image for Professional resume

Professional resume

Help Susan make a great first impression with recruiters by creating an online resume highlighting her professional experience, qualifications, and skills.

Level 1

Free

Feature image for Four-column footer

Four-column footer

Multi-column footers are a common design across marketing websites because it's an easy way to organize important links into categories.

Level 1

All-Access

Feature image for Developer portfolio

Developer portfolio

Build a portfolio page to showcase Sarah's coding skills, with information about her recent projects and the technologies she used.

Level 2

All-Access

Feature image for Dishable recipe page

Dishable recipe page

Showcase a delicious recipe with an ingredient checklist and step-by-step instructions.

Level 2

All-Access

Feature image for BoostFinance landing page

BoostFinance landing page

Help BoostFinance communicate the value proposition of its fintech services to potential clients with a new homepage.

Level 2

Free

Feature image for Masonry image gallery

Masonry image gallery

Filter images by common themes and display them in a responsive masonry image gallery.

Level 2

Free

Feature image for Image gallery with testimonials

Image gallery with testimonials

Help your client sell their wedding photography services with a memorable image gallery that features customer testimonials.

Level 2

All-Access

Feature image for Converse Media landing page

Converse Media landing page

Your digital agency needs a new landing page to share its work and sell its services to new potential customers.

Level 2

All-Access

Feature image for ModSpace landing page

ModSpace landing page

ModSpace needs a new landing page for its e-commerce site to help sell its modern, affordable furniture.

Level 2

All-Access

Feature image for Feedback modal

Feedback modal

Collect user feedback with a modal form for your client, Stoneway. The final design even uses a Lottie animation when the form submission is complete.

Level 4

Free

Feature image for Contact me site

Contact me site

The perfect site for a freelancer who wants a low-cost and easy way to let people know who they are and how to contact them.

Level 1