The goal of this assignment was to create a basic webpage to display photos in a gallery view, given the JSON data below as an example.
{
"pandas": {
"title": "Panda Bears",
"description": "Pandas are bears native to south-central China, and are objectively the cutest animals on earth.",
"photos": [
{
"title": "Panda Waving",
"imageURL": "https://raw.githubusercontent.com/suncoast-devs/handbook/master/assignments/assets/photo-gallery/baby_panda.jpg",
"sourceURL": "https://codeburst.io/pandas-for-data-stuff-code-challenge-7972207a8294"
},
{
"title": "Großer Panda im Ocean Park, Hongkong",
"imageURL": "https://raw.githubusercontent.com/suncoast-devs/handbook/master/assignments/assets/photo-gallery/grosser_panda.jpg",
"sourceURL": "https://en.wikipedia.org/wiki/Giant_panda"
},
{
"title": "Wild pandas get a boost; the iconic species has been upgraded from 'endangered' to 'vulnerable.'",
"imageURL": "https://raw.githubusercontent.com/suncoast-devs/handbook/master/assignments/assets/photo-gallery/tree_panda.png",
"sourceURL": "https://www.worldwildlife.org/magazine/issues/spring-2017/articles/wild-pandas-get-a-boost--2"
},
{
"title": "Sacred Warrior, by Adrian Smith",
"imageURL": "https://raw.githubusercontent.com/suncoast-devs/handbook/master/assignments/assets/photo-gallery/ising_sun.png",
"sourceURL": "https://www.artstation.com/adrian-smith/albums/1298277"
}
]
},
"miniatures": {
"title": "Miniature Painting",
"description": "I enjoy painting miniatures from board games. I've been painting since early 2018, here's some of my work.",
"photos": [
{
"title": "City of Kings",
"imageURL": "https://raw.githubusercontent.com/suncoast-devs/handbook/master/assignments/assets/photo-gallery/city_of_kings.jpg",
"sourceURL": "https://www.instagram.com/p/Btv-0uYH8Xc"
},
{
"title": "Blood Rage, Ram Clan",
"imageURL": "https://raw.githubusercontent.com/suncoast-devs/handbook/master/assignments/assets/photo-gallery/ram_clan.jpg",
"sourceURL": "https://www.instagram.com/p/BjRKLqYh4gK"
},
{
"title": "Cormac the Druid, work in progress",
"imageURL": "https://raw.githubusercontent.com/suncoast-devs/handbook/master/assignments/assets/photo-gallery/cormac.jpg",
"sourceURL": "https://www.instagram.com/p/BnW2QrWDaky"
}
]
}
}A link to the webpage that I made can be found in the About section of this repository or below.
https://photo-gallery-dommitchell.netlify.app/