My fifth Front-end Web Development Techdegree project.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
img
js
README.md
index.html

README.md

techdegree-project-5

Design

  1. [DONE] Design implementation includes the thumbnail gallery and a search box.
  2. [DONE] General spacing and arrangement of the elements matches the layout of the gallery mockup.

Exceeds Expectations

  1. [DONE] Includes a responsive mobile-first design for the gallery page with at least ONE breakpoint for smaller screen sizes that adjusts for a mobile-friendly experience.

Lightbox Functionality

  1. [DONE] Successfully implements a plugin for a lightbox that includes ALL of the following features:
  • [DONE] Larger images appear when gallery thumbnail image is clicked.
  • [DONE] Background overlay hides the gallery and covers the entire window when displaying larger images.
  • [DONE] Images in lightbox include captions.
  • [DONE] Lightbox images can be navigated by clicking right and left arrows.
  • [DONE] The lightbox can be closed.

Exceeds Expectations

  1. [DONE] The lightbox overlay uses a mobile first approach with at least ONE breakpoint for smaller screen sizes that adjusts for a mobile-friendly experience.

Content Filtering

  1. [DONE] Successfully implements a plugin for the search box functionality that includes ALL of the following features:
  • [DONE] As the user types into the search box, only photos that match the caption text appear.
  • [DONE] Case insensitivity has been added so searches will ignore letter case.

Exceeds Expectations

  1. [DONE] Project uses original JavaScript or jQuery code to implement search box functionality instead of a plugin.