Readme: add picture

Author: realChesta

README.md

@@ -1,12 +1,18 @@
 # CK-UI - CodeMeow.
+[![Build Status](https://app.travis-ci.com/TheCodingKittens/CK-UI.svg?branch=main)](https://app.travis-ci.com/TheCodingKittens/CK-UI)
+[![Coverage Status](https://coveralls.io/repos/github/TheCodingKittens/CK-UI/badge.svg?branch=main)](https://coveralls.io/github/TheCodingKittens/CK-UI?branch=main)
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=TheCodingKittens_CK-UI&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=TheCodingKittens_CK-UI)
+<a href="https://heroku-badge.herokuapp.com/?app=ase-fs22-codingkittens-client"><img src="https://heroku-badge.herokuapp.com/?app=ase-fs22-codingkittens-client"></a>
+
+This is the frontend repository of the CodeMeow project. This application provides users an additional visual layer to python's interactive programming console. That way, users are able see the state of their program in a graph representation, as well as the current memory state and possible output.
+
+<img src="https://github.com/TheCodingKittens/CK-UI/blob/main/img/codemeow-general.png">
 
-Our project CodeMeow. provides users with an application that has an additional visual layer to python's interactive programming console. This way, users are able see the state of their program in a graph representation, as well as the current memory state and possible output.
+### Installation
+
+To start the frontend for CodeMeow, install all dependencies with `npm install` and then start the application with `npm start`. 
 
-To start the frontend for CodeMeow. install all dependencies with `npm install` and then start the application with `npm start`. 
 
 For further information on how to use the our programming layer (e.g., commands and shortcuts), please refer to the [wiki](https://github.com/TheCodingKittens/CK-UI/wiki/CodeMeow.-Wiki) of this project.
 
-[![Build Status](https://app.travis-ci.com/TheCodingKittens/CK-UI.svg?branch=main)](https://app.travis-ci.com/TheCodingKittens/CK-UI)
-[![Coverage Status](https://coveralls.io/repos/github/TheCodingKittens/CK-UI/badge.svg?branch=main)](https://coveralls.io/github/TheCodingKittens/CK-UI?branch=main)
-[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=TheCodingKittens_CK-UI&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=TheCodingKittens_CK-UI)
-<a href="https://heroku-badge.herokuapp.com/?app=ase-fs22-codingkittens-client"><img src="https://heroku-badge.herokuapp.com/?app=ase-fs22-codingkittens-client"></a>
+