improve readme with screenshots

README.md

@@ -1,3 +1,60 @@
+# Screenshots
+
+## Home
+Entrypoint of the app.
+
+Actions: **Profile View** (Menubar) and **New Sync** (Floating Action Button)
+
+![Home (Empty)](./screenshots/mispbump-home-0.png)
+
+## Profile
+Basic information about the organisation that is currently logged in.
+
+Actions: **Delete and logout** (Menubar) and **Update Info** (Floating Action Button)
+
+![Profile](./screenshots/mispbump-profile.png)
+
+## Sync
+
+Core functionality of MISPbump.
+
+**First Step:** Exchange keys to derive a shared secret
+
+![Profile](./screenshots/mispbump-sync-0.png)
+![Profile](./screenshots/mispbump-sync-1.png)
+
+**Second Step:** Exchange encrypted sync information
+
+![Profile](./screenshots/mispbump-sync-2.png)
+![Profile](./screenshots/mispbump-sync-3.png)
+
+## Sync information
+
+After a successfull exchange an entry for this organisation will appear.
+
+Actions: **Delete Sync information** (Menubar) and **Upload** (Floating Action Button in settings tab)
+
+**Credentials:** With this credentials you will be able to log in on the other MISP instance (SyncUser)
+
+![Profile](./screenshots/mispbump-sync-info-credentials.png)
+
+**Settings:** These are typical settings which are also available from the MISP web interface.
+
+![Profile](./screenshots/mispbump-sync-info-settings.png)
+
+## Upload
+
+Shows the status of the upload to your MISP instance.
+If errors occure they will be displayed and the user can restart the process.
+
+![Profile](./screenshots/mispbump-upload-1.png)
+![Profile](./screenshots/mispbump-upload-2.png)
+
+## Home with successfull sync
+
+![Home (Synced)](./screenshots/mispbump-home.png)
+
+
 # What does this app?
 1. Exchange public keys to make following communication private (via QR code)
     + Diffie Hellman key exchange