This project features a fully functional piano created using React.js and Tone.js. It uses the Web Audio API via the Tone.js library to generate sounds, and React.js for the UI.
- A piano keyboard interface that adjusts to the size of the user's screen.
- Plays the corresponding musical note when a piano key is clicked.
- Highlights the active key when it's being played.
First, you'll need to have Node.js and npm installed. If they are not installed, download Node.js and npm from https://nodejs.org/.
After Node.js and npm are installed, clone the repository:
git clone https://github.com/henriquesuper/piano.git
Navigate to the project directory:
cd repository
Then install the necessary dependencies:
npm install
After installing the dependencies, you can start the development server:
npm start
Open http://localhost:3000 to view it in the browser.
- React.js - For building the user interface.
- Tone.js - A framework for creating interactive music in the browser.
This project is licensed under the MIT License.
We would like to thank all the contributors for their invaluable help in building this application.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.