msksfo/ear-trainer

Ear Trainer

Project Description

I grew up as a classical pianist, finding patterns in music. Now as I am transitioning careers into web development, I look for patterns in code. I thought it would be fun to build something that relates to my 'previous life', so I decided to build a simple ear training quiz application. Ear training is being able to detect pitch by ear, pretty self-explanatory. While there are different areas of ear training, this app focuses on interval training (the difference in pitch between two notes).

Ear training is important, fundamental really, and will benefit you no matter your skill level as a musician. For the enthusiasts it will bring a new level of appreciation and understanding to what you hear. For the beginners, it will connect the dots between what you hear and the music theory that you are (or should be) studying. For more advanced students thinking of majoring in music, ear training will be a part of your entrance exams, so the earlier you begin learning, the better.

You can check out the site and play the quiz here

Getting Started

• Clone or download the repo.
• cd into the project directory and click index.html to open up the quiz in your browser window.

Quiz Directions

• Click 'Begin' to hear a sequence of two notes.
• If you wish to hear the sequence again, click 'Replay Interval'.
• When you think you know the answer, select the interval you heard from the menu of options. You will see immediately if you were right or wrong ~ the correct answer will be highlighted in green, the incorrect answer (if applicable) in red.
• When you are finished, if you missed any questions, you will be given the opportunity to redo the quiz with just those questions that you missed. Click 'yes' or 'no' to make your choice.
• At any time, you can click 'Quit' if you wish to stop the game.

Credits

• Musical notes in vortex svg by public domain vectors
• Music note icons created by Tilda Publishing
• Bongo cat cursor by custom-cursor
• Code for positioning circles within a circle taken from stackoverflow