Virtual Piano

This is a simple virtual piano web app built using React. It allows users to play notes by clicking on the keys or by using their computer keyboard. The app includes multiple octaves and black keys, and the piano sounds are provided by fuhton on GitHub.

Technologies Used

• React
• CSS
• JavaScript
• HTML

Getting Started

To get started with the project, you can follow these steps:

1. Clone the repository to your local machine.
2. Install the dependencies using npm install.
3. Run the app using npm start.

How to Play

The piano keys are displayed on the screen, and you can play notes by clicking or tapping on the keys. The white keys correspond to the notes C, D, E, F, G, A, B, and the black keys correspond to the notes C#, D#, F#, G#, and A#.

Credits

• The piano sound files were provided by fuhton and can be found in the ./src/sounds/ directory. Thank you Nicholas.