Merge pull request #47 from florinpop17/feature/key-value-app

Feature/key value app

Projects/Key-Value-App.md

@@ -0,0 +1,40 @@
+# Key Value
+
+**Tier:** 1-Beginner
+
+Have you ever thought about what it means that the computer you are using is
+a digital device? Among other things it means that everything its capable of
+is achieved by translating a digital signal into a sequence of binary digits - 0's and 1's. These binary digits form codes used to represent data. 
+
+The keyboard you used to retrieve this project description is a great example
+of this. Pressing a key generates a digital signal that is translated by the
+computer into a code representing the key that was pressed.
+
+The goal of the Key Value app is to display the encoded value on screen each
+time a key is pressed on the keyboard.
+
+## User Stories
+
+-   [ ] User can see a display panel containing a text area where the key value
+and key code will be displayed along with display areas for four other 
+indicators related to the keys on the keyboard - alt key, control key, 
+meta key, and shift key.
+-   [ ] User can see the key code and key value displayed in the display panel
+cooresponding to the key when it is pressed.
+-   [ ] User can see the appropriate indicator change from 'False' to 'True' 
+when the alt, control, meta, or shift key is pressed.
+
+## Bonus features
+
+-   [ ] User can hear a unique tone played when a key is pressed.
+-   [ ] User can see the background color of the key code and value change when 
+a key is pressed.
+
+## Useful links and resources
+
+- [Digital Electronics](https://en.wikipedia.org/wiki/Digital_electronics)
+- [Keyboard Event](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent)
+
+## Example projects
+
+[Javascript Keyevent Test Script](https://unixpapa.com/js/testkey.html)

README.md

@@ -51,6 +51,7 @@ required to complete them.
 | [CSV2JSON App](./Projects/CSV2JSON-App.md)                             | CSV to JSON converter                                     | 1-Beginner |
 | [Flip Image](./Projects/Flip-Image-App.md)                             | Change the orientation of images across two axes          | 1-Beginner |
 | [JSON2CSV App](./Projects/JSON2CSV-App.md)                             | JSON to CSV converter                                     | 1-Beginner |
+| [🌟Key Value](./Projects/Key-Value-App.md)                               | Keyboard Event Values                                     | 1-Beginner |
 | [Lorem Ipsum Generator](./Projects/Lorem-Ipsum-Generator.md)           | Generate lorem ipsum placeholder text                   | 1-Beginner |
 | [Notes App](./Projects/Notes-App.md)                                   | Create and online note pad                                | 1-Beginner |
 | [Pomodoro Clock](./Projects/Pomodoro-Clock.md)                         | Task timer to aid personal productivity                   | 1-Beginner |