Music Maker

• 

  Our logo!

• 

  This is step 1 to use our application. Steps can also be found under the controls tab in our website.

• 

  This is step 2 to use our application. Steps can also be found under the controls tab in our website.

Inspiration

My inspiration for this roject was the simple fact that many young children, don't have access to a good source of music. Asa result, they aren't gaining the total amount of fun, and potential other children have. I am included in tis, since I have a limited amount of musical knowledge. As a result, I decided to create Music Maker, so just through a click of a button, people are able to create music through instruments.

What it does

Music Maker is a quick, easy, music program for beginners. Through the use of a simpple click-and-drop mechanism, it will automatically add that insturment to the Playarea so that it can be played. It can easily be edited and deleted. (More detailed intreuctions and information are on the site!)

How we built it

I built it using brackets.io and the coding languages of html5, css3, and Javascript.

Challenges we ran into

Some challenges I ran into is that some of the features I wanted to add into the project didn't really work. For example, I wanted to add a stopwatch that would show you how long the music would run for but it didn't quite work. Also, I wanted to add a feature that allowed you to edit the length of each instrument, but thjat didn't quite work. Another overarching challenge was that this was my first time working with sound/audio in Javascript so it took a long time to develop and get the sound ot work.

Accomplishments that we're proud of

Some accomplishments I'm proud of is the fact that I managed to finish this project in a short time. Usually other projects in hackathons take me until he final moment, so the fact taht I finished this quickly really made me relieved and not stressed out. I am also proud that I was able to get the styling of the web pages to be reactive, rather than not looking good on several sizes. I also am proud of how I actually finished my prototype of my application rather than making something unfished and sloppy.

What we learned

I learned that you always have to experiment with features before you actually tried to use it. This is because when trying to use audio directly in the project, it didn't quite work. As a result, I had to do a deepdive and research the actual code before using it and also experimenting it on a differnet document beofre implementing it in.

What's next for Music Maker

What's next for Music Maker is that we are going to finish the extra features that we didn't get to like overlapping sounds, actual singing being implemented into the program, and also allowing users to edit the length/pitch of sounds on the Playarea.

Built With

• css3
• html5
• javascript