Inspiration
Temi and I have been involved with music for over 7 years and were excited when we heard this Hackathon's theme was music this year. We've always heard people that have wanted to play music but have never known where to start in regards to learning how to read music.
What it does
Soundbite is a basic web application that teaches beginner musicians about the basics of Western music theory, which includes how to read a treble/bass clef, how to distinguish notes and their rhythms, as well as a perfect-pitch exercise for fun.
How we built it
We utilized the IDE Visual Studio Code and coded SoundBite using JavaScript and HTML to format and make our web application interactive to an extent. We used an external tool to create our web graphics, one similar to Adobe Illustrator, and used those .png/.jpg files within our HTML code.
Challenges we ran into
Everything pertaining to this project was a challenge in itself. I have never worked with GitHub, VS Code, JavaScript, nor HTML, so everything in the last 24 hours was a great learning experience. We often ran into problems with basic HTML syntax, integration of basic "game" mechanics, and file/image integration. We had to "hit the books" with many YouTube videos, LinkedIn Learning courses, and received help from a mentor in order to get our project rolling.
Accomplishments that we're proud of
Temi and I have only comfortably worked with Python and C++ before this Hack-a-thon, so learning HTML and JavaScript in the matter of 24 hours to make this neat-looking website is a small victory I am proud of.
What we learned
We learned a lot of front-end design we were never familiar with and how to integrate it into a working web-application. We also learned the mechanics available to these web-apps, and hope to expand our current project.
What's next for SoundBite
We hope that somewhere along the line of this semester we can finish this project and make it available to anyone who would like to learn music. We loved working on this project and we hope it can make even a small impact in someone's learning experience.
Log in or sign up for Devpost to join the conversation.