As a user
I want a photo gallery built using LightGallery
So that I can view photos on one page
The photo gallery layout should be responsive to screen size / device. Light Gallery provides responsive layout functionality.
See the Figma prototype for look and feel, gardens/:id/gallery.
Scope
Build a photo gallery component using light gallery
Use image urls to fill the gallery photo images, ie: don't use images in the project itself
To demonstrate the gallery component, pass in a hard-coded array of photo data. Do not connect the component with the DB - that will be done in another ticket.
User Scenarios
Given I am on a garden page
When I click on the Gallery menu button (gardens/:id/gallery)
Then I see some hard-coded garden photos in a scrollable, responsive format
Given I am on a garden's gallery page (gardens/:id/gallery)
When I click on a photo
Then I see the photo zoomed-in with close and navigation arrow buttons
As a user I want a photo gallery built using LightGallery So that I can view photos on one page
The photo gallery layout should be responsive to screen size / device. Light Gallery provides responsive layout functionality.
See the Figma prototype for look and feel, 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 some hard-coded garden photos in a scrollable, responsive format
Given I am on a garden's gallery page (gardens/:id/gallery) When I click on a photo Then I see the photo zoomed-in with close and navigation arrow buttons