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

Feature/key value app
pull/48/head
Jim Medlock 6 years ago committed by GitHub
commit 85668fc154
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -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)

@ -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 |

Loading…
Cancel
Save