Certification criteria

The ‘Home’ page must display a vertically scrollable gallery of public images uploaded by site members

Each gallery item must have a connected image and display the ‘title’ of the image on mouse hover

Clicking on any image must lead the member or visitor to the corresponding ’Image’ page

Up to 12 images must be displayed on initial page load. The bottom of the page must have a button that loads more images that were not initially displayed if applicable

The ‘Home’ page should also include a button in the header that sends site members to the ‘Add Image’ page

The ’Image’ page must display an individual public image and its corresponding details

It must display the image, title, description and an area for logged in site members to leave comments

Guests who visit an ’Image’ page must be able to view comments but not be able to create comments or react to any existing comments without logging in

If a logged in site member uploaded the image that is currently being displayed, the ‘Edit Tags’ and ‘Delete Image’ buttons must be visible on the page, otherwise they must remain hidden

The ‘Edit Tags’ and ‘Delete Image’ buttons must open the corresponding ‘Edit Tags’ and ‘Confirm Deletion’ lightboxes when clicked

Site members must be able to save new images to their account using a form

The form must include user input fields for the Image Title, Description, and File as well as the option to set the image’s visibility to public or private

Public images must show up on the ‘Home’ page

Private images must show up in the ‘My Images’ page

Users should also be able to visually see an indicator such as a spinner or progress bar that visualizes the progress of uploading the image

Upon completion the user should be sent to either the corresponding ’Image’ page or the ‘My Images’ page depending on whether the image was set to public or private visibility

Be sure to make all fields required and use input validation

This page must display all of the private images that were uploaded by the current logged in site member

It should include a repeating element that displays a preview of each image with a title and two repeating buttons on each item

The ‘Download’ button should download the corresponding image to the site member’s browser

The ‘Delete’ button should open the ‘Confirm Deletion’ lightbox

Up to 6 images must be displayed on initial load. The bottom of the page must have two buttons that allows the site member to cycle through their private images if there are more total images than the max displayed per page

The lightbox must allow site members to edit tags on public images uploaded by their account

The lightbox must include a visual element that shows the tags currently associated with the image being displayed on the ‘Image’ page. It must also contain a text input element that allows users to edit the tags

The text input element should only allow 0-4 single word Tags, separated by commas

Clicking on the ‘Yes’ button must update the existing image which will save the user-defined tags, and then close the lightbox

Clicking on the ‘No’ button must cancel the edit action, and then close the lightbox

This lightbox must allow site members to delete public or private images uploaded by their account

The lightbox must include a ‘Yes’ button to approve a deletion, and a ‘No’ button to cancel a deletion action and then close the lightbox in both cases.

 Use a third party email service provider and build a solution to send site members the following two emails in a automated way:

An email congratulating the user when they upload their first public (not private) image

An email that congratulates users for being on the platform for 1 week

Use a third party computer vision service provider to give Tags to public image content upon upload. Then, create an exposed API endpoint that allows you to query a list of public images using a single tag as an input parameter.