diff --git a/Projects/1-Beginner/Musical-Instruments.md b/Projects/1-Beginner/Musical-Instruments.md new file mode 100644 index 00000000..07bc4804 --- /dev/null +++ b/Projects/1-Beginner/Musical-Instruments.md @@ -0,0 +1,31 @@ +# Musical Instruments + +**Tier:** 1-Beginner + +Create a website that contains a visual list of musical instruments and their corresponding sounds. Instruments will be listed in alphabetical order. Add PLAY, PAUSE, & RESTART features. + +- Understanding different HTML multimedia types +- Knowledge of basic HTML/CSS is suggested +## User Stories + +- [ ] User can filter between strings, brass, woodwinds, percussions, keyboards +- [ ] User can click image for name of instrument +- [ ] User can play audio +- [ ] User can pause audio +- [ ] User can adjust volume + +## Bonus features + +- [ ] User can toggle between seconds of audio clip + + +## Useful links and resources + +- [HTML Audio/Video](https://www.w3schools.com/tags/ref_av_dom.asp) +- [Website Build](w3schools.com/howto/howto_make_a_website.asp) + + +## Example projects + +- [Begin Band]( https://www.beginband.com/sndclips.shtml) +- [AAA State of Play](https://www.aaastateofplay.com/the-wide-world-of-music-a-guide-to-100-musical-instruments-interactive) diff --git a/README.md b/README.md index 2d209743..7a30663b 100644 --- a/README.md +++ b/README.md @@ -62,6 +62,7 @@ required to complete them. | [JSON2CSV App](./Projects/1-Beginner/JSON2CSV-App.md) | JSON to CSV converter | 1-Beginner | | [Key Value](./Projects/1-Beginner/Key-Value-App.md) | Keyboard Event Values | 1-Beginner | | [Lorem Ipsum Generator](./Projects/1-Beginner/Lorem-Ipsum-Generator.md) | Generate lorem ipsum placeholder text | 1-Beginner | +| [Musical Instruments](./Projects/1-Beginner/Musical-Instruments.md) | Identify musical instruments and play corresponding sounds | 1-Beginner | | [Notes App](./Projects/1-Beginner/Notes-App.md) | Create an online note pad | 1-Beginner | | [Pearson Regression](./Projects/1-Beginner/Pearson-Regression-App.md) | Calculate the correlation coefficient for two sets of data | 1-Beginner | | [Pomodoro Clock](./Projects/1-Beginner/Pomodoro-Clock.md) | Task timer to aid personal productivity | 1-Beginner |