A small site to demonstrate the usage of basic HTML, CSS, and JS along with an API.
This site is live at: https://johnoro.github.io/artic-art/
The getData.js file grabs data from both the artworks and exhibitions endpoints in a limited, psuedo-random way via ArtIC's search functions. There are certain additional limitations imposed to limit the amount of data called and received, along with avoiding the built-in limits of the API itself.
The getExhibition function in particular takes quite a few extra steps to get it functional in a similar way to getArtwork. I wanted to make it able to grab multiple images for an exhibition if they were available, although that is not common. A majority only have one picture, while a few only have text data.
The images can also be dragged on top of one another to re-sort them. This is just for the sake of messing around with the viewport without having to generate new images.
Art Institute of Chicago's API is used; see: https://api.artic.edu/docs/