From 868abda63323cc43d9f85b03c2baf6fe5a052707 Mon Sep 17 00:00:00 2001 From: Khushi <64163023+KhushiBhambri@users.noreply.github.com> Date: Mon, 11 Oct 2021 13:00:40 +0530 Subject: [PATCH 1/4] Create Piano Keyboard.md --- Projects/2-Intermediate/Piano Keyboard.md | 41 +++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 Projects/2-Intermediate/Piano Keyboard.md diff --git a/Projects/2-Intermediate/Piano Keyboard.md b/Projects/2-Intermediate/Piano Keyboard.md new file mode 100644 index 00000000..272ac20d --- /dev/null +++ b/Projects/2-Intermediate/Piano Keyboard.md @@ -0,0 +1,41 @@ +# Piano KeyBoard + +**Tier: 2-Intermediate** Add corresponding tier (1-Beginner, 2-Intermediate, 3-Advanced) + + A beautiful, simle looking , piano keyboard to play sounds and make kids happy :) + ![sample_image]() + +- we just Need the key sounds to add to the backgrund as audio as a prerquisite + The key sounds can be found here: + + [click here](https://github.com/KhushiBhambri/basic-webdev/tree/main/Piano/sounds) + more appropriate sounds can be used. + +## User Stories + +- [x] User can play different sounds via different keys +- [x] User can play a consequent sound onn long press og a particular key. +- [x] User can play piano via mouse/touch as per required +- [x] User can also play the piano via keyboard keys like a specific key for a specific note displayed on the key +- [x] the board collapse to lesser no. of keys on small screens. + +## Bonus features + +- [x] User can press f10 for playing the basic octave notes. +- [x] User can press f1 for help on keypad keys +- [x] users can record the tunes and share with friends on social platforms. + +## Useful links and resources + +For mapping of the keys and idea: +[View sample](https://www.onlinepianist.com/virtual-piano) + + +## Example projects + +A Baisc Level project for View: +[Basic Piano for CSS](https://khushibhambri.github.io/basic-webdev/Piano/index.html) + +The sound Board project includes a similar functionality: +[view sound board](https://50projects50days.com/projects/sound-board/) + From b62b66630ecd5c851fd5fa99638342f944a297a3 Mon Sep 17 00:00:00 2001 From: Khushi <64163023+KhushiBhambri@users.noreply.github.com> Date: Mon, 11 Oct 2021 17:35:09 +0530 Subject: [PATCH 2/4] Update Piano Keyboard.md --- Projects/2-Intermediate/Piano Keyboard.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Projects/2-Intermediate/Piano Keyboard.md b/Projects/2-Intermediate/Piano Keyboard.md index 272ac20d..86f06b97 100644 --- a/Projects/2-Intermediate/Piano Keyboard.md +++ b/Projects/2-Intermediate/Piano Keyboard.md @@ -3,12 +3,13 @@ **Tier: 2-Intermediate** Add corresponding tier (1-Beginner, 2-Intermediate, 3-Advanced) A beautiful, simle looking , piano keyboard to play sounds and make kids happy :) - ![sample_image]() + ![sample_image](https://play-lh.googleusercontent.com/jDEsZdljWPe7aYVG8HrrI6jhU62ijEftACuCPa6I0PbjMSBZSm7qDz42CtFOCiVGqTM=w412-h220-rw) - we just Need the key sounds to add to the backgrund as audio as a prerquisite The key sounds can be found here: [click here](https://github.com/KhushiBhambri/basic-webdev/tree/main/Piano/sounds) + more appropriate sounds can be used. ## User Stories From d3390221cf14930184d416111174cd2fb1bcdbf2 Mon Sep 17 00:00:00 2001 From: Khushi <64163023+KhushiBhambri@users.noreply.github.com> Date: Mon, 11 Oct 2021 17:36:42 +0530 Subject: [PATCH 3/4] Update Piano Keyboard.md --- Projects/2-Intermediate/Piano Keyboard.md | 1 + 1 file changed, 1 insertion(+) diff --git a/Projects/2-Intermediate/Piano Keyboard.md b/Projects/2-Intermediate/Piano Keyboard.md index 86f06b97..a38adc46 100644 --- a/Projects/2-Intermediate/Piano Keyboard.md +++ b/Projects/2-Intermediate/Piano Keyboard.md @@ -3,6 +3,7 @@ **Tier: 2-Intermediate** Add corresponding tier (1-Beginner, 2-Intermediate, 3-Advanced) A beautiful, simle looking , piano keyboard to play sounds and make kids happy :) + ![sample_image](https://play-lh.googleusercontent.com/jDEsZdljWPe7aYVG8HrrI6jhU62ijEftACuCPa6I0PbjMSBZSm7qDz42CtFOCiVGqTM=w412-h220-rw) - we just Need the key sounds to add to the backgrund as audio as a prerquisite From e7edd499d3e356e3460ac107b8c6dc132cc6ac52 Mon Sep 17 00:00:00 2001 From: Khushi <64163023+KhushiBhambri@users.noreply.github.com> Date: Mon, 11 Oct 2021 17:38:32 +0530 Subject: [PATCH 4/4] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f6557617..5627283f 100644 --- a/README.md +++ b/README.md @@ -116,6 +116,7 @@ required to complete them. | [To-Do App](./Projects/2-Intermediate/To-Do-App.md) | Manage personal to-do tasks | 2-Intermediate | | [Typing Practice](./Projects/2-Intermediate/Typing-Practice-App.md) | Typing Practice | 2-Intermediate | | [Voting App](./Projects/2-Intermediate/Voting-App.md) | Voting App | 2-Intermediate | +| [Piano Keyboard](./Projects/2-Intermediate/Piano%20Keyboard.md) | Piano App | 2-Intermediate | ### Tier-3: Advanced Projects