https://github.com/seifertd/chord-practice
vue.js and rails web app for tracking chord change practice
https://github.com/seifertd/chord-practice
chord-practice chord-switching guitar-chords practice rails ruby vue
Last synced: 6 months ago
JSON representation
vue.js and rails web app for tracking chord change practice
- Host: GitHub
- URL: https://github.com/seifertd/chord-practice
- Owner: seifertd
- Created: 2017-03-01T14:18:34.000Z (over 9 years ago)
- Default Branch: main
- Last Pushed: 2025-09-01T05:22:49.000Z (10 months ago)
- Last Synced: 2025-09-01T05:52:27.265Z (10 months ago)
- Topics: chord-practice, chord-switching, guitar-chords, practice, rails, ruby, vue
- Language: Ruby
- Size: 2.95 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chord Practice
This web applications allows people learning guitar to practice and track progress
of chord switching. While learning guitar, it is important to exercise your muscle
memory by switching between chords. This app tracks a user's known chords (from
a library of them) and will run chord switching practice sessions, tracking the number
of switches the guitarist can make between a given pair of chords. Each practice
session consists of practicing switches between a configurable number of chord pairs
for a configurable duration. Statistics over time are kept and can be graphed to
track progress.
## Data Model
```
+-----------+ +--------------+ +--------------+
| Player | | Session | | Pair |
+-----------+ +--------------+ +--------------+
| * chords |1 N| * created_at |1 N| * first |
| * name +----+ * duration +----+ * second |
| * uuid | | | | * switches |
| | | | | |
+-----------+ +--------------+ +--------------+
```
## Development
This app is a Ruby on Rails web application which runs under the version of ruby specified
in the .ruby-version file. It makes use of the vue.js component framework for the UI. The
application skeleton is based on the browserify vue and Rails integration by Chris V. Fritz:
https://github.com/chrisvfritz/rails-javascript-integrations/compare/master...vue-browserify.
The version of node needed to run the application is specified in the .npmrc file.
You must have a working ruby and node environment in order to run this application.
### Setup
```bash
gem install bundler
bundle install
npm install
```
### Running the development server
The development server uses foreman to launch Rails and a watchify process that
recompiles the frontend UI whenever any of the Vue.js components are added or updated.
```bash
foreman start -f Procfile.dev
```