pics-app

Task:

The component fetches the data from the API upon mounting and iterates through the return value creating and image object for each individual images using the image interface created
Once all the images are created they are assigned to the images array in the state object.
In the template, we iterate through the images from the state creating individual divs for each image. Inside each div is a further div for containing the image tags that have the image sources. The author names are displayed below this div.
The styling is done using grid, and media query for different display sizes.

Go to the project directory and run following commands:

Result example screenshots:

Desktop -

Mobile -

npm install

npm run serve

npm run build

npm run lint