Our project is based on the creation of an interactive web application to teach musical instruments online.
The intention is that the user can interact with the instruments and have a high quality musical exploration and learning experience.
The music school MusicTutor, has requested the development of an interactive web application to teach musical instruments online.
The expected operation is that when the user clicks/taps a key/tap(mobile) on each of the "pads" of the instrument, so that it emits the corresponding sound/note.
The client wants the design of a landing page with a functional drum set, as a demo to attract customers, since it is an instrument with a large audience. At the same time, a second instrument is proposed to improve the user experience.
An example of how our landing page looks like can be found in the following image:
Each drum pad is associated with a click event.
Clicking on a pad plays the sound corresponding to the selected pad.
Each drum pad is associated to a keyboard event and has a key assigned to play the corresponding sound when pressed.
The drum pads have visual animations that increase in size when clicked or when the associated key is pressed.
Users can access the page from the following link: https://nati-bel.github.io/Proyecto-3---Music-App/
Once inside, the user can test the functionalities of the musical drum kit using their mouse, keyboard or finger (when using it on their smart phone). By doing so, he/she will be able to see and hear the animations that are programmed.
This project exists thanks to all the people who contribute:
- Ana -- https://github.com/anaencinasd
- María -- https://github.com/maria-corco
- Natalia -- https://github.com/nati-Bel
- Sara -- https://github.com/Sara-Poyo-Pastor
- Yolanda -- https://github.com/yzadeveloper/