johnisom / photo-gallery

A photo gallery with likes, favorites, and comments

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Photo Gallery

I built the front-end of this photo gallery app. This app was built with ES6, HTML5, CSS3, Handlebars.js, and jQuery.

Example Usage

Screencast of Photo Gallery

Functionality

  • View multiple photos in gallery-style
    • If the last image is selected but the user wants to view the ‘next image,’ the gallery will wrap around, providing a nice user experience
    • Photos have a title, date, and description
  • ‘Like’ and ‘favorite’ photos
    • The ‘like’ and ‘favorite’ counts are specific to each individual photo
  • Comment on photos
    • The comments are specific to each individual photo.
    • To comment, the user enters their name, email address, and comment

Issues

  • No form validation for comments
  • You can ‘like’ and ‘favorite’ a photo multiple times without end

Installation

  1. Clone this repository (https://github.com/photo-gallery)
  2. cd into the repository (cd photo-gallery)
  3. Install dependencies (npm install)
    • Make sure you have node and npm
  4. Run the server locally (npm start)
  5. Enjoy the gallery at http://localhost:3000/

About

A photo gallery with likes, favorites, and comments


Languages

Language:JavaScript 44.1%Language:HTML 37.9%Language:CSS 18.0%