Skip to content

jazellemaira/midi-piano

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

34 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

$\color{rebeccapurple}{Uni\ MIDI\ Piano}$

Static Badge

πŸ¦„ A simple virtual piano 🌈

✨ ✨ ✨


An interactive web app that gives a taste of the joy of playing piano directly to your browser. This app allows users to play virtual piano keys using a computer keyboard, creating beautiful melodies and harmonies.

This app was built following a JavaScript course by Kyle of Web Dev Simplified. This project was interesting and enjoyable to work on. And so, I redesigned the app to convey the fun I had.

Also made it so that the app can work with touch devices.

Try it out here Uni MIDI Piano.


Important

  • Works best with a physical keyboard.
  • Turn the ringer on when trying on mobile.

Preview

$$\color{plum}{***\ Here's\ a\ visual\ demo}$$

$$\color{plum}{of\ the\ Uni\ MIDI\ piano\ ***}$$

midi-piano-demo.mov

$$\color{plum}{***\ Here\ are\ some\ snapshots\ ***}$$

Note

This is the final look from the Web Dev Simplified - JavaScript course:

Note

Revamped design:



Contributing

This project is meant for personal practice and, thus will be closed for contribution.


License

Project under the MIT License. See MIT for more information.



Static Badge Static Badge Static Badge