As a user
I want the photo gallery to connect with our database
So that I can view images submitted by our users
See the Figma prototype for how the gallery might look (gardens/:id/gallery).
Scope
Note that the photo gallery component work will be done in another ticket, where it uses an array of hard-coded photo data.
Use that photo gallery component to display all images for a garden on the garden's gallery page (gardens/:id/gallery).
User server side gallery routes to retrieve gallery data on the client-side.
Use the consume function in consume.js to make API requests. Search consume in the project to see how other components have used it.
User Scenarios
Given I am on a garden page
When I click on the Gallery menu button (gardens/:id/gallery)
Then I see all of the garden's photos in a scrollable, responsive format
As a user I want the photo gallery to connect with our database So that I can view images submitted by our users
See the Figma prototype for how the gallery might look (gardens/:id/gallery).
Scope
User Scenarios
Given I am on a garden page When I click on the Gallery menu button (gardens/:id/gallery) Then I see all of the garden's photos in a scrollable, responsive format