/my-14ers

A jQuery app for tracking 14ers hiked

Primary LanguageJavaScript

My 14ers App

Description

My 14ers is an app that will allow users to keep track of which 14ers in Colorado they have summited.  The user can add 14ers to their peak log by selecting the peak name and date completed.  The user can view a sortable photo list of their completed 14ers or switch to a map view with all of their completed 14ers pinned.  Each pin can be clicked and will reveal details about that 14er.

User

This app is intended for users who hike the 14ers in Colorado and wish to keep track of which ones they have completed.

Layout

The app has four main pages:

  1. Home - Shows a summary of how many peaks the user has climbed out of the total number of Colorado 14ers. Alt text

  2. Add Peak - A form for adding a peak to the users peak log. The form allows the user to select a peak from a dropdown list, select the date climbed from a calendar view and add optional notes. Alt text

  3. List of Peaks - Shows a sortable photo list of all peaks the user has logged. Alt text

  4. Map of Peaks - Shows a map of Colorado with pins at locations of completed peaks. Each pin can be clicked to display info about the peak. Alt text

Technology used

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Lodash
  • Numeral.js
  • Moment.js