Product Solutions Open Source Pricing Search or jump to...

Sign in Sign up

HubSpotContentOffers / photo_gallery Public Notifications Fork 8 Star 9

forked from athenaozanich/photo_gallery

Code Pull requests Actions Projects Security Insights

master 1 Branch 0 Tags Go to file Code About

No description, website, or topics provided.

This branch is up to date with athenaozanich/photo_gallery:master .
Readme

Activity
athenaozanich Merge pull request athenaozanich#3 from athenaozanich/Add-R… 50e974a · 5 years ago 13 Commits
9 stars
colorbox Changes to be committed: 6 years ago 0 watching

8 forks
css Changes to be committed: 6 years ago
Report repository
images Add inital pages and content. 6 years ago

js Commit via web interface due to git errors. 6 years ago Releases

No releases published
photos Fixed directory issue 6 years ago

.gitattributes 🎪 Added .gitattributes & .gitignore files 6 years ago Packages

.gitignore 🎪 Added .gitattributes & .gitignore files 6 years ago No packages published

README.md Add README 5 years ago

Languages
index.html Commit via web interface due to git errors. 6 years ago
JavaScript 95.6% HTML 2.9%
CSS 1.5%
README

Information regarding this project repository

Goals

The goal of this project is to display a solid understanding of how utilize javascript, HTML5 and CSS3 to a lightbox
plugin for displaying images in a photo gallery. Additionally add the ability to filter the images via a search filter for
filtering out only images matching the search string. This project provided only a desktop mockup, leaving the design
and development of the layout for screen sizes relevant to mobile and tablet devices on the student.

Languages

1. HTML5
2. CSS3
3. Client side Javascript

Technologies and Techniques

1. Chrome Dev Tools

2. Editors
3. Terminal
4. git and github
5. Mobile First Responsive Design
6. Fluid width Responsive Design
7. Dom manipulation
8. Lightbox plugin for displaying images and captions
9. Javascript driven search filter

Techdegree Project Description

In this project, you will create an interactive photo gallery using JavaScript and jQuery. Thumbnails and photos will be
provided with descriptions. At the top of the page you'll have a search area where photos will hide and show
depending on user input. When the user clicks on a thumbnail, the photo will display in a lightbox. There should be a
back and previous arrows to cycle through photos.

NOTE: The Front End Web Development Techdegree is meant to train you in HTML, CSS and JavaScript, and let you
practice and show your mastery of these fundamental building blocks of the web. Because of that, please avoid using
frameworks like Bootstrap, Foundation, Skeleton, and so on for this project. Even though you may end up using
frameworks like these professionally, you still need to know and be able to implement designs with your own knowledge
of HTML, CSS and JavaScript.

In addition, please avoid submitting any projects that rely on a server-side technology like PHP or Ruby on Rails.

© 2024 GitHub, Inc. Terms Privacy Security Status Docs Contact Manage cookies Do not share my personal information