Dynamically Display Gallery

[clementine-smart]

Dependent on ticket #14 & #87 & Display a photo gallery using LightGallery.js #1 being completed. Lightgallery will be already implemented by ticket #1 but only rendering hardcoded images.

Your task is to dynamically display photos for each garden in the lightGallery.js in the gallery component

The server-side route is ready to be consumed from front-end. You will need to use the Consume function in consume.js to make an API request. Have a look at some of the helper functions in other components to see how they have used it.

The routes are in server/routes/gallery.js. Make sure you understand the shape of the data you are consuming, it will be important when passing it to lightGallery.

• Do a bit of research so you understand how lightGallery.js works
• Dynamically render the gallery images in the gallery component
• Remove the hardcoded images
• Write tests, run linting etc...