created visuals for snake

NERODesign/content/Snake.qml

@@ -0,0 +1,40 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Rectangle {
+    id: snake
+
+    width: 800
+    height: 480
+    color: "black"
+
+    property int minX: 200
+    property int maxX: 600
+    property int minY: 40
+    property int maxY: 440
+
+    property var snakeBody: [{"x": 300, "y": 300}, {"x": 280, "y": 300}, {"x": 260, "y": 300}]
+    property int segmentSize: 20
+    property string direction: "right"
+
+    property int score: 0
+
+    Rectangle {
+        width: 400
+        height: 400
+        anchors.centerIn: parent
+        border.color: "white"
+        border.width: 2
+        color: "transparent"
+    }
+
+    Text {
+        id: scoreText
+        text: "Score: " + snake.score
+        font.pixelSize: 24
+        color: "white"
+        anchors.top: parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.topMargin: 10
+    }
+}

NERODesign/content/SnakeBody.qml

@@ -0,0 +1,17 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Item {
+    id: food
+    property int dimension: 20
+
+    width: dimension
+    height: dimension
+
+    Rectangle {
+        id: foodColor
+        height: dimension
+        width: dimension
+        color: "lime"
+    }
+}

NERODesign/content/SnakeFood.qml

@@ -0,0 +1,17 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Item {
+    id: food
+    property int dimension: 20
+
+    width: dimension
+    height: dimension
+
+    Rectangle {
+        id: foodColor
+        height: dimension
+        width: dimension
+        color: "red"
+    }
+}