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
Dependent on ticket https://github.com/matai-2022/gardenz/issues/14 & https://github.com/matai-2022/gardenz/issues/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.