diff --git a/Projects/Key-Value-App.md b/Projects/Key-Value-App.md new file mode 100644 index 00000000..715052d1 --- /dev/null +++ b/Projects/Key-Value-App.md @@ -0,0 +1,41 @@ +# 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 + +[Keycode](https://www.linkedin.com/feed/update/urn:li:activity:6519081404398075904/) diff --git a/README.md b/README.md index e68005c8..099d6cb0 100644 --- a/README.md +++ b/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 |