React carousel exercise.md

React carousel exercise

The react app will be an image carousel that works like this example: https://fotorama.io/

To create the carousel you must use the following fakeGet function:

// fakeGet.js

const data = [
  149181341,
  149181340,
  149181333,
  149181332,
  149181334,
  149181339,
  149181342,
  149181331,
  149181337,
  149181329
]

export const fakeGet = () => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(data)
    }, 1000)
  })
}

The app can fetch the images by plugging each id into this url:

https://d1qwdw9cs0do74.cloudfront.net/IMAGE_ID/640x480

Acceptance criteria

1. The app must show the most basic loading sreen (E.g. a "Loading..." text)
2. The carousel does not loop all images (If current image is the 1st one, do not show "left" arrow button. If current image is the last one, do not show "right" arrow button)
3. "Left" and "Right" arrow buttons move to the next image (bonus for animation)
4. Thumbnail highlights the current image.