Virtual Piano is a simple online piano simulator that allows you to play the instrument with your mouse or keyboard. It includes real Grand Piano samples, so you can get a pretty good sound from it.
You can see the live project here: https://react-virtual-piano.netlify.app/
- React.js: Frontend library.
- P5.js: Animation library. It was used to draw and animate the piano inside the HTML Canvas.
- Tone.js: Sound library. it was used to load and play the sounds efficiently.
- SCSS: Used to format the web app.
If you have any comment, enhancement or suggestion, please feel free to reach me.
Thanks!