Web app to track guitar practice
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Guitar Practice_files
Images
InvisionApp
JS Samples
Prototype
WebApp
.gitignore
Design_R2.ai
Guitar Practice.html
README.md
Wireframes.ai

README.md

Style Guide Responsive Layout

Guitar Practice Log

Guitar Practice Log is a web app demo to track guitar skill progress.

Design Concepts

Planned Features

Chord Change Timer
  • Start and stop a 1 minute timer.
  • Track your maximum number changes between a set of chords in 1 minute.
  • Add new sets of chord changes and your skills increase.
  • Chart progress over time.
Song List
  • Song Details:
    • Chord progressions
    • Strum patterns
    • Capo fret number
    • BPM
  • Add new songs to your list.

Technology

  • HTML5 semantic markup, CSS3 styling
    • Responsive layouts
    • Drag and drop elements
    • Flexboxes
  • Javascript to show/hide content and for timer.
  • Database for songs and chord change data
  • Data Visualization