Skip to content

gerardormz98/virtual-piano

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Virtual Piano 🎹

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/

Technologies

  • 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!