Emma88888 / Art-Poetry

An app for lovers of art and poetry

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Art & Poetry

An app using the Cleveland Museum of Art's API to bring inspiration to you; click through to view a random image to write about!

Wire frame and images

Coming soon

Installation instructions:

Deployment coming soon

Unsolved problems

Fetch is possibly prohibiting my deployment - I will need to refactor the code to see if axios will work.

function getNewArtwork() { fetch("https://openaccess-api.clevelandart.org/api/artworks?limit=20&skip=" + buttonClicks * 20) .then((response) => { return response.json() }) .then((json) => { const newArtworks = [ ...artworks, ...json.data .filter((artwork) => { return artwork.images?.web?.url }) .map((artwork) => { return { image: artwork.images.web.url, artists: artwork.creators.map((creator) => { return ( creator.description ) }) .join(", "), description: artwork.wall_description } }) ] setArtworks(newArtworks) setArtworkIndex(Math.floor(Math.random() * newArtworks.length)) setButtonClicks(buttonClicks + 1) }) }

I lost some CSS while trying to ameliorate file issues, so I want to keep working on the styling.

Resources & credits

Thank you to Alison Quaglia for the background animation, and the CMA for providing such wonderful information to the public for free with no limitations.

About

An app for lovers of art and poetry


Languages

Language:JavaScript 57.2%Language:CSS 28.2%Language:HTML 14.6%