A "Piano Kit" is a simple piano board containing the essential keys. Each of them is represented by an equivalent key in the keyboard, which allows the user to play some piano sounds.
The list of keys and matching sounds:
-
D => DO
-
F => RE
-
G => MI
-
H => FA
-
J => SOL
-
K => LA
-
L => SI
-
R => DO#
-
T => RE#
-
U => FA#
-
I => SOL#
-
O => LA#
PS: After being inspired by Wes Bos' JAVASCRIPT30 course, I decided to follow it and build the Piano kit project to keep my hands dirty with JavaScript.
A screenshot of the Piano kit is presented below:
- HTML, CSS, Javascript.
- VisualStudio Code, Git, & GitHub.
To get a local copy up and running follow these simple steps. you only need a computer with a browser installed, and follow these steps:
- In your terminal, in the folder of your preference, type the following bash command to clone this repository:
git clone https://github.com/Maha-Magdy/piano-kit.git- Now that you have already cloned the repo you can just click on the index.html file to get the application up and running in your browser
👤 Maha Magdy
- GitHub: Maha-Magdy
- Twitter: @Maha_M_Abdelaal
- LinkedIn: Maha Magdy
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
-
Sound Effects from Pixabay
-
JAVASCRIPT30 course for Wes Bos
Give a ⭐️ if you like this project!
This project is MIT licensed.