Documentation updated

README.md

@@ -1,8 +1,25 @@
 # Sound board
 
-A board with buttons to play funny sounds.
+![GitHub package.json version](https://img.shields.io/github/package-json/v/cyb10101/electron_sound-board)
+
+A colleague comes to you with a questionable request and you answer with a funny sound of your board!
+
+![Sound Board Intro](assets/images/screenshots/sound-board-intro.gif)
+
+## Download
+
+> Note: Currently the program is not signed.
+> Therefore, most antivirus programs will recognize the software as harmful.
+> If that happens, you will need to whitelist the software.
+>
+> ![GitHub issue/pull request detail](https://img.shields.io/github/issues/detail/title/Cyb10101/electron_sound-board/5)
+
+
+| Windows | Linux | Mac |
+|:---:|:---:|:---:|
+| - | - | ![GitHub issue/pull request detail](https://img.shields.io/github/issues/detail/title/Cyb10101/electron_sound-board/16) |
 
 ## Documentation
 
-* [Add own sounds](docs/add-own-sounds.md)
+* [Using the App](docs/using-the-application.md)
 * [Development](docs/development.md)

docs/using-the-application.md

@@ -0,0 +1,33 @@
+# Using the Application
+
+## Keyboard shortcuts
+
+![Keyboard shortcuts](../assets/images/screenshots/keyboard-shortcuts.png)
+
+You can control the first 10 sounds using keyboard shortcuts.
+
+To do this, set the desired modifiers in the settings and then press the key combinations.
+
+In the case of the picture that would be Ctrl + Shift + 1.
+
+The order of the numbers is 1, 2, 3, 4, 5, 6, 7, 8, 9, 0.
+
+The Num-Pad cannot be used at the moment.
+
+## Edit board & Predefined sounds
+
+![Add own sounds](../assets/images/screenshots/predefined-sounds.gif)
+
+In the Edit section to the board below, you can add predefined sounds.
+
+At the top you can edit the board. There you can move or delete your sounds. If you delete your own sounds, you have to add them again.
+
+## Add own sounds
+
+![Add own sounds](../assets/images/screenshots/add-own-sounds.png)
+
+You can theoretically choose as sounds or images any file format available on the web.
+However, I have limited the selection to the standard file formats.
+If a format is missing just create an issue or a pull request.
+
+As `icon` you can use anything that exists from [Font Awesome](https://fontawesome.com/) free package.