40 minutes


Create an image carousel that cycles through images fetched from an endpoint (displaying a new image every 3 seconds), and allows the user to skip to the next/previous image.

The example endpoint contains images within the response as follows:

  data: {
    children: [
        data: {
          url_overridden_by_dest: "*.jpg"

Below is a mockup of what the UI should look like (the carousel should be horizontally centered, with at least some top margin):

To get started, fork one of the following Codepen templates:


Additional challenges


See solution
Get future questions delivered straight to your inbox for free

Sign up and receive instant access to new questions when we publish them.

We‘ll only use your information to deliver new questions and to provide you updates about our product. We‘ll never spam you or sell your information without your consent. Unsubscribe at any time.