Merge 600951c784 into 08b771c863

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)

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 |