diff --git a/.gitignore b/.gitignore
index cc6258d..772f614 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,4 +3,6 @@ package-lock.json
 mongodb/
 data/
 
-Aufgaben/Aufgabe_10_2020-07-01
\ No newline at end of file
+Aufgaben/Aufgabe_10_2020-07-01
+
+Endabgabe/#archiv
\ No newline at end of file
diff --git a/Aufgaben/Aufgabe_11_2020-07-08/form.html b/Aufgaben/Aufgabe_11_2020-07-08/form.html
index 8111d1b..7aa3e4f 100644
--- a/Aufgaben/Aufgabe_11_2020-07-08/form.html
+++ b/Aufgaben/Aufgabe_11_2020-07-08/form.html
@@ -20,8 +20,7 @@
     <form id="myForm" method="" action="">
         <!--https://theoneandgis.herokuapp.com-->
 
-        <label for="vorname" method="get">
-            Vorname
+        <label for="vorname" method="get">Vorname
         </label><br>
         <input type="text" id="vorname" name="vorname" value="Vorname" onfocus="this.value=''"><br>
 
diff --git a/Endabgabe/#dokumente/Anleitung.docx b/Endabgabe/#dokumente/Anleitung.docx
new file mode 100644
index 0000000..971a820
Binary files /dev/null and b/Endabgabe/#dokumente/Anleitung.docx differ
diff --git a/Endabgabe/#konzepte/GiS Endabgabe.pdf b/Endabgabe/#konzepte/GiS-Endabgabe-Planung.pdf
similarity index 100%
rename from Endabgabe/#konzepte/GiS Endabgabe.pdf
rename to Endabgabe/#konzepte/GiS-Endabgabe-Planung.pdf
diff --git a/Endabgabe/#konzepte/Wireframe.png b/Endabgabe/#konzepte/Wireframe.png
new file mode 100644
index 0000000..efe2dbb
Binary files /dev/null and b/Endabgabe/#konzepte/Wireframe.png differ
diff --git a/Endabgabe/#konzepte/bilder-quellen.txt b/Endabgabe/#konzepte/bilder-quellen.txt
new file mode 100644
index 0000000..5ab1f9d
--- /dev/null
+++ b/Endabgabe/#konzepte/bilder-quellen.txt
@@ -0,0 +1,9 @@
+02.07.2020 | 21:31 | https://pixabay.com/de/illustrations/ice-cream-dessert-sweet-süßwaren-3490976/
+02.07.2020 | 21:32 | https://pixabay.com/de/photos/sonnenaufgang-boot-ruderboot-1014712/
+02.07.2020 | 21:35 | https://pixabay.com/de/photos/softeis-softeistüte-eis-schokoeis-50845/
+02.07.2020 | 21:40 | https://pixabay.com/de/photos/trinken-glas-gießen-bar-pub-eis-1870139/
+02.07.2020 | 21:52 | https://freiburg.stadtbesten.de/wp-content/uploads/sites/4/2017/06/ice-cream-cone-1274894_1920.jpg
+17.07.2020 | 21:51 | https://5.imimg.com/data5/GG/MY/MY-52641035/paper-bowl-with-paper-lid-500x500.jpg
+17.07.2020 | 23:55 | https://pixabay.com/de/photos/bunte-streusel-s%C3%BC%C3%9Fwaren-lose-50723/
+18.07.2020 | 00:13 | https://pixabay.com/get/53e0dd40424fad00f5d8997cc2293f7d1139d9f85254784c752d78d3904d_1920.jpg
+18.07.2020 | 00:29 | https://pixabay.com/get/52e7d4464c53ab14f6d1867dda29327f1d3cdae3544c704c7c2a7bd69344cd51_1920.jpg
\ No newline at end of file
diff --git a/Endabgabe/#konzepte/work-history.docx b/Endabgabe/#konzepte/work-history.docx
new file mode 100644
index 0000000..679119f
Binary files /dev/null and b/Endabgabe/#konzepte/work-history.docx differ
diff --git a/Endabgabe/#konzepte/work-history.txt b/Endabgabe/#konzepte/work-history.txt
index 0f2b493..6cfae0d 100644
--- a/Endabgabe/#konzepte/work-history.txt
+++ b/Endabgabe/#konzepte/work-history.txt
@@ -9,4 +9,12 @@
 4) Die Datenstruktur der Datenbanken wird schriftlich durchdacht
 4.2) Ich habe zwar heute nix geschafft, aber ich habe innerlich geweint, weil ich mit der Datenbank net klar komme :D
 
-5) Die Datenbanken sind inzwischen fast einsatzfähig. Ich versuche zunächst die Shopseite zu zeichnen und schaue dann, was draus wird. Viel mitschreiben tu ich heute eher nicht.
\ No newline at end of file
+5) Die Datenbanken sind inzwischen fast einsatzfähig. Ich versuche zunächst die Shopseite zu zeichnen und schaue dann, was draus wird. Viel mitschreiben tu ich heute eher nicht.
+
+6) Es sollte ziemlich klar sein, dass dieses Dokument nur mäßig mitgeschrieben wird. Ich habe im Backend die Datenbank zum Laufen bekommen, musste jedoch den Eintrag der Bestellung runterkürzen. Diesen Eintrag versuche ich nach und nach durch weitere Angaben zu ergänzen.
+
+7) Jede Nummer hier steht für einen neuen Tag. Ich habe festgestellt, dass das Sortieren der Objekte für große Probleme sorgt.
+7.1) Ich habe die Hauptseiten fertig. Es fehlen noch die laufende Darstellung und die Administrator-Seite. Mein Code ist trotzdem gefühlt Müll...
+
+8) Zugegeben, ich hab jetzt 1-2 Tage ausgelassen. Inzwischen nimmt alles seine Funktionalität an und ich verstehe das JSON-Format auch immer besser. Ich wollte einfach noch einen Eintrag hier machen, bevor ich am Ende ankomme ^^
+8.1) Ich habe zu viel Zeit an den Image-Containern im Meme-Bereich verschwendet und es sieht nicht mal gut aus....
\ No newline at end of file
diff --git a/Endabgabe/#lager/articles.json b/Endabgabe/#lager/articles.json
deleted file mode 100644
index fa01ff8..0000000
--- a/Endabgabe/#lager/articles.json
+++ /dev/null
@@ -1,82 +0,0 @@
-[
-    {
-		"category-name": "Eis-Sorten",
-        "id": "eisSorten",
-        "products": [
-            {
-                "product-name": "Blaubeere",
-                "price": 0.80,
-                "imgName": "filler.jpg",
-            },
-            {
-                "product-name": "Waldmeister",
-                "price": 0.80,
-                "imgName": "filler.jpg",
-            }
-        ]
-    },
-    {
-        "category-name": "Eis-Typ",
-        "id": "eisTyp",
-        "products": [
-            {
-                "product-name": "Waffel",
-                "price": 0.20,
-                "imgName": "filler.jpg",
-            },
-            {
-                "product-name": "Becher",
-                "price": 0.20,
-                "imgName": "filler.jpg",
-            },
-            {
-                "product-name": "Eigenbedarf",
-                "price": 0.00,
-                "imgName": "filler.jpg",
-				"annotation": "Mit eigenen Bechern, Waffeln usw. müssen Sie nichts weiter dafür zahlen",
-            }
-        ]
-    },
-    {
-        "title": "Toppings",
-        "id": "toppings",
-        "products": [
-            {
-                "product-name": "Bunte Streusel",
-                "price": 0.25,
-                "imgName": "filler.jpg",
-            },
-            {
-                "product-name": "Schoko Streusel",
-                "price": 0.25,
-                "imgName": "filler.jpg",
-            },
-            {
-                "product-name": "Mini Marshmellows",
-                "price": 0.25,
-                "imgName": "filler.jpg",
-            }
-        ]
-    },
-	    {
-        "title": "Extras",
-        "id": "extras",
-        "products": [
-            {
-                "product-name": "Servietten",
-                "price": 0.00,
-                "imgName": "filler.jpg",
-            },
-            {
-                "product-name": "Extra Waffel",
-                "price": 0.10,
-                "imgName": "filler.jpg",
-            },
-            {
-                "product-name": "Eiswürfel (2 Stück)",
-                "price": 0.00,
-                "imgName": "filler.jpg",
-            }
-        ]
-    }
-]
\ No newline at end of file
diff --git a/Endabgabe/#lager/myJSON.json b/Endabgabe/#lager/myJSON.json
deleted file mode 100644
index 6ed2827..0000000
--- a/Endabgabe/#lager/myJSON.json
+++ /dev/null
@@ -1,153 +0,0 @@
-[
-    {
-        "title": "Special Offers!",
-        "id": "special",
-        "products": [
-            {
-                "title": "Color: Rainbow",
-                "price": 3279.99,
-                "size": "4m²",
-                "imgName": "grass-rainbow-square.png",
-                "description": "If you can't choose one color, go and catch them all!"
-            },
-            {
-                "title": "Color: White",
-                "price": 3279.99,
-                "size": "4m²",
-                "imgName": "grass-white.png",
-                "description": "The appearance of many sparkling stars on your garden floor."
-            },
-            {
-                "title": "Color: Black",
-                "price": 3279.99,
-                "size": "4m²",
-                "imgName": "grass-black.png",
-                "description": "Dark as the night. Be careful not to form a black hole!"
-            },
-            {
-                "title": "Pattern: Murica",
-                "price": 3279.99,
-                "size": "4m²",
-                "imgName": "grass-green-murica.png",
-                "description": "Texas, Trump, Guns & Hamburgers"
-            },
-            {
-                "title": "Pattern: Schachbrett",
-                "price": 3279.99,
-                "size": "4m²",
-                "imgName": "grass-green-chess-square.png",
-                "description": "Show your intellect on your own lawn and embarrass your opponents!"
-            }
-        ]
-    },
-    {
-        "title": "Bunte Gräser",
-        "id": "bunt",
-        "products": [
-            {
-                "title": "Color: Green",
-                "price": 2339.99,
-                "size": "4m²",
-                "imgName": "grass-green.png",
-                "description": "The standard model in our range. Ensures a natural look and pleasant freshness in your living room!"
-            },
-            {
-                "title": "Color: Desert",
-                "price": 2339.99,
-                "size": "4m²",
-                "imgName": "grass-yellow.png",
-                "description": "Summer, sun and oh my god, I'm hot! Are they pyramids in my garden ?!"
-            },
-            {
-                "title": "Color: Beach",
-                "price": 2339.99,
-                "size": "4m²",
-                "imgName": "grass-orange.png",
-                "description": "Summer, sun and hot feelings!"
-            },
-            {
-                "title": "Pattern: Hell",
-                "price": 2339.99,
-                "size": "4m²",
-                "imgName": "grass-red.png",
-                "description": "Look into the abyss that could await you after your death and invite guests to it!"
-            },
-            {
-                "title": "Pattern: Unicorn",
-                "price": 2339.99,
-                "size": "4m²",
-                "imgName": "grass-pink.png",
-                "description": "PINK FLUFFY UNICORN, DANCING ON RAINBOWS (which you can also buy in here) !!!"
-            },
-            {
-                "title": "Pattern: Grape",
-                "price": 2339.99,
-                "size": "4m²",
-                "imgName": "grass-purple.png",
-                "description": "It looks purple. Do you have to say more?"
-            },
-            {
-                "title": "Pattern: Atlantic",
-                "price": 2339.99,
-                "size": "4m²",
-                "imgName": "grass-blue.png",
-                "description": "Blue like the ocean. A deep look and mysterious nature."
-            }
-        ]
-    },
-    {
-        "title": "Green-Tones",
-        "id": "grün",
-        "products": [
-            {
-                "title": "Green: 3B",
-                "price": 3499.99,
-                "size": "10m²",
-                "imgName": "grass-green-dark-3.png",
-                "description": "Green in every way. Nothing more to know about it."
-            },
-            {
-                "title": "Green: 2B",
-                "price": 3499.99,
-                "size": "10m²",
-                "imgName": "grass-green-dark-2.png",
-                "description": "Green in every way. Nothing more to know about it."
-            },
-            {
-                "title": "Green: B",
-                "price": 3499.99,
-                "size": "10m²",
-                "imgName": "grass-green-dark-1.png",
-                "description": "Green in every way. Nothing more to know about it."
-            },
-            {
-                "title": "Green: HB",
-                "price": 2339.99,
-                "size": "10m²",
-                "imgName": "grass-green.png",
-                "description": "The standard model in our range. Ensures a natural look and pleasant freshness in your living room!"
-            },
-            {
-                "title": "Green: H",
-                "price": 3499.99,
-                "size": "10m²",
-                "imgName": "grass-green-light-1.png",
-                "description": "Green in every way. Nothing more to know about it."
-            },
-            {
-                "title": "Green: 2H",
-                "price": 3499.99,
-                "size": "10m²",
-                "imgName": "grass-green-light-2.png",
-                "description": "Green in every way. Nothing more to know about it."
-            },
-            {
-                "title": "Green: 3H",
-                "price": 3499.99,
-                "size": "10m²",
-                "imgName": "grass-green-light-3.png",
-                "description": "Green in every way. Nothing more to know about it."
-            }
-        ]
-    }
-]
\ No newline at end of file
diff --git a/Endabgabe/#lager/sitemap.html b/Endabgabe/#lager/sitemap.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Endabgabe/backend/useMongo.js.map b/Endabgabe/backend/useMongo.js.map
deleted file mode 100644
index d68dd6a..0000000
--- a/Endabgabe/backend/useMongo.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"useMongo.js","sourceRoot":"","sources":["useMongo.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/Endabgabe/backend/useServer.js.map b/Endabgabe/backend/useServer.js.map
deleted file mode 100644
index dae7a84..0000000
--- a/Endabgabe/backend/useServer.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"useServer.js","sourceRoot":"","sources":["useServer.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/Endabgabe/html-admin/admin.css b/Endabgabe/html-admin/admin.css
new file mode 100644
index 0000000..05e778f
--- /dev/null
+++ b/Endabgabe/html-admin/admin.css
@@ -0,0 +1,113 @@
+@media screen and (min-width: 0px) {
+
+    body {
+        background-image: url(../html-shop/images/background.png);
+    }
+
+    #tableDiv {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 100%;
+        font-size: 20px;
+    }
+
+    #tableDiv button {
+        background-color: transparent;
+        border: solid black 2px;
+        font-weight: bold;
+    }
+
+    table {
+        margin: 10px 0px;
+        width: 90%;
+        text-align: left;
+        border: solid black 2px;
+        padding: 0px 5%;
+        background-color: rgb(0, 102, 255);
+        color: white;
+    }
+
+    th, td {
+        width: 40%;
+    }
+
+    .removeButton {
+        margin: 10px 0px;
+        width: 90%;      
+    }
+
+    .buttonDiv {
+        margin: 10px 0px;
+        width: 90%;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-evenly;
+    }
+    .buttonDiv button {
+        width: 45%;
+    }
+
+    div#formDiv {
+        width: 90%;
+        padding: 10px 5%;
+        border: solid black 2px;
+    }
+    form#myForm {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding: 0px 5px;
+    }
+    form#myForm input, form#myForm label, form#myForm button {
+        margin: 2px 5%;
+    }
+    form#myForm button {
+        min-height: 30px;
+    }
+
+}
+@media screen and (min-width: 601px) {
+    .removeButton {
+        width: 70%;
+        height: 40px;
+    }
+    table {
+        width: 70%;
+    }
+    .buttonDiv {
+        margin: 10px 0px;
+        width: 70%;
+    }
+    .buttonDiv button {
+        height: 40px;
+        width: 45%;
+    }
+}
+@media screen and (min-width: 1025px) {
+    .removeButton {
+        width: 40%;
+    }
+    table {
+        width: 40%;
+    }
+    .buttonDiv {
+        width: 40%;
+    }
+    .buttonDiv button {
+        width: 45%;
+    }
+    #tableDiv .removeOne:hover, #tableDiv .removeButton:hover {
+        background-color: red;
+    }
+    #tableDiv .editOne:hover {
+        background-color: yellow;
+    }
+    div#formDiv {
+        width: 60%;
+    }
+    form#myForm button:hover {
+        background-color: green;
+    }
+}
+
diff --git a/Endabgabe/html-admin/admin.html b/Endabgabe/html-admin/admin.html
new file mode 100644
index 0000000..99e8890
--- /dev/null
+++ b/Endabgabe/html-admin/admin.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <title>Administrator</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../index.css">
+    <link rel="stylesheet" href="admin.css">
+    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin="anonymous" SameSite="Secure"></script>
+    <script src="../script-frontend/admin.js" defer></script>
+</head>
+
+<body>
+    <header>
+        <div class="top-nav">
+            <div id="logo">
+                <a href="../index.html"><img src="../html-landing-page/images/nice-ice-logo.png" alt=""></a>
+            </div>
+            <div id="warenkorb">
+                <a href="../html-warenkorb/warenkorb.html"><i class='fas fa-shopping-cart'></i>&nbsp;<span>0</span></a>
+            </div>
+        </div>
+    </header>
+    <nav>
+        <div class="bottom-nav">
+            <ul>
+                <a href="admin.html"><li>Administrator</li></a>
+                <a href="../html-memes/memes.html"><li>Über uns</li></a>
+            </ul>
+        </div>
+    </nav>
+    <main>
+       <div id="tableDiv">
+       </div>
+    </main>
+    <footer>
+        <div>
+            <span>( - Disclaimer - )</span>
+            <span>Ich verdiene mit dieser Website kein Geld</span>
+        </div>
+    </footer>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Endabgabe/html-index/images/bilder-quellen.txt b/Endabgabe/html-index/images/bilder-quellen.txt
deleted file mode 100644
index 44d1b20..0000000
--- a/Endabgabe/html-index/images/bilder-quellen.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-02.07.2020 | 21:31 | https://pixabay.com/de/illustrations/ice-cream-dessert-sweet-süßwaren-3490976/
-02.07.2020 | 21:32 | https://pixabay.com/de/photos/sonnenaufgang-boot-ruderboot-1014712/
-02.07.2020 | 21:35 | https://pixabay.com/de/photos/softeis-softeistüte-eis-schokoeis-50845/
-02.07.2020 | 21:40 | https://pixabay.com/de/photos/trinken-glas-gießen-bar-pub-eis-1870139/
-02.07.2020 | 21:52 | https://freiburg.stadtbesten.de/wp-content/uploads/sites/4/2017/06/ice-cream-cone-1274894_1920.jpg
\ No newline at end of file
diff --git a/Endabgabe/html-index/images/ice-cream-cone-1274894_1920.jpg b/Endabgabe/html-index/images/ice-cream-cone-1274894_1920.jpg
deleted file mode 100644
index d945c7e..0000000
Binary files a/Endabgabe/html-index/images/ice-cream-cone-1274894_1920.jpg and /dev/null differ
diff --git a/Endabgabe/html-index/images/soft-ice-cream-50845_1280.jpg b/Endabgabe/html-index/images/soft-ice-cream-50845_1280.jpg
deleted file mode 100644
index 2e5a326..0000000
Binary files a/Endabgabe/html-index/images/soft-ice-cream-50845_1280.jpg and /dev/null differ
diff --git a/Endabgabe/html-index/images/soft-ice-cream-50845_1280.png b/Endabgabe/html-index/images/soft-ice-cream-50845_1280.png
deleted file mode 100644
index 053c436..0000000
Binary files a/Endabgabe/html-index/images/soft-ice-cream-50845_1280.png and /dev/null differ
diff --git a/Endabgabe/html-index/index-01-phone.css b/Endabgabe/html-index/index-01-phone.css
deleted file mode 100644
index e69de29..0000000
diff --git a/Endabgabe/html-index/index-02-tablet.css b/Endabgabe/html-index/index-02-tablet.css
deleted file mode 100644
index e69de29..0000000
diff --git a/Endabgabe/html-index/index-03-desktop.css b/Endabgabe/html-index/index-03-desktop.css
deleted file mode 100644
index e69de29..0000000
diff --git a/Endabgabe/html-index/main-page-01-phone.css b/Endabgabe/html-index/main-page-01-phone.css
deleted file mode 100644
index 1315c1c..0000000
--- a/Endabgabe/html-index/main-page-01-phone.css
+++ /dev/null
@@ -1,90 +0,0 @@
-body {
-    font-size: 20px;
-    margin: 0px;
-    height: 100vh;
-    width: 100vw;
-    background-image: url(images/sunrise-1014712_1920.jpg);
-    background-position: 50% 10%;
-    background-repeat: no-repeat;
-    background-size: cover;
-}
-
-.top-nav {
-    color: white;
-    background-color: black;
-    display: grid;
-    grid-template-columns: 70% 25%;
-    grid-column-gap: 5%;
-    text-align: center;
-    height: 10vh;
-}
-.top-nav a {
-    text-decoration: none;
-    color: white;
-}
-.top-nav #warenkorb {
-    font-size: 30px;
-    position: relative;
-    right: 10px;
-}   
-.top-nav #logo, #warenkorb {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    align-content: center;
-    justify-content: center;
-}
-.top-nav img {
-    height: 60px;
-    width: 220px;
-}
-
-.bottom-nav {
-    background-color: hsla(0, 0%, 0%, 0%);
-    text-align: center;
-}
-.bottom-nav ul {
-    list-style: none;
-    margin: 0px;
-    padding: 5px;
-}
-.bottom-nav ul li {
-    background-color: rgb(0, 102, 255);
-    margin: 10px 0px;
-    border: solid rgb(0, 25, 136) 2px;
-    
-    border-radius: 10px;
-}
-.bottom-nav ul a {
-    text-decoration: none;
-    color: white;
-}
-
-.bestellbox {
-    font-size: 30px;
-    position: relative;
-    top: 200px;
-    background-color: rgba(58, 58, 58, 0.8);
-    color: white;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
-    align-items: center;
-    margin: 0px 10px;
-    border-radius: 10px;
-}
-.bestellbox span {
-    margin: 5px 0px;
-}
-.bestellbox a {
-    text-decoration: none;
-    color: white;
-}
-.bestellbox #box-togo, #box-tostay {
-    background-color: rgba(128, 128, 128, 0.8);
-    box-shadow: 3px 3px 3px white;
-    text-align: center;
-    width: 95%;
-    margin: 10px 0px;
-    border-radius: 10px;
-}
diff --git a/Endabgabe/html-index/main-page-03-desktop.css b/Endabgabe/html-index/main-page-03-desktop.css
deleted file mode 100644
index c04948e..0000000
--- a/Endabgabe/html-index/main-page-03-desktop.css
+++ /dev/null
@@ -1,45 +0,0 @@
-body {
-    font-size: 40px;
-}
-
-.top-nav #warenkorb a:hover {
-    color:rgb(0, 102, 255);
-}   
-
-.bottom-nav {
-    background-color: rgb(0, 102, 255);
-}
-.bottom-nav ul {
-    font-size: 30px;
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-evenly;
-    margin: 0px;
-    padding: 0px;
-}
-.bottom-nav ul li {
-    border: none;
-}
-.bottom-nav ul a {
-    text-decoration: none;
-    color: white;
-}
-.bottom-nav ul a:hover {
-    color: black;
-}
-
-.top-nav {
-    height: 15vh;
-}
-.top-nav img {
-    height: 120px;
-    width: 460px;
-}
-
-.bestellbox {
-    top: 150px;
-}
-.bestellbox #box-togo:hover, #box-tostay:hover {
-    background-color: rgb(0, 102, 255);
-}
\ No newline at end of file
diff --git a/Endabgabe/html-index/images/nice-ice-logo.png b/Endabgabe/html-landing-page/images/nice-ice-logo.png
similarity index 100%
rename from Endabgabe/html-index/images/nice-ice-logo.png
rename to Endabgabe/html-landing-page/images/nice-ice-logo.png
diff --git a/Endabgabe/html-index/images/sunrise-1014712_1920.jpg b/Endabgabe/html-landing-page/images/sunrise-1014712_1920.jpg
similarity index 100%
rename from Endabgabe/html-index/images/sunrise-1014712_1920.jpg
rename to Endabgabe/html-landing-page/images/sunrise-1014712_1920.jpg
diff --git a/Endabgabe/html-landing-page/landing-page-01-phone.css b/Endabgabe/html-landing-page/landing-page-01-phone.css
new file mode 100644
index 0000000..984a67d
--- /dev/null
+++ b/Endabgabe/html-landing-page/landing-page-01-phone.css
@@ -0,0 +1,35 @@
+body {
+    background-image: url(images/sunrise-1014712_1920.jpg);
+    background-position-x: 50%;
+    background-repeat: no-repeat;
+    background-size: auto 100vh;
+}
+
+.bestellbox {
+    font-size: 30px;
+    position: relative;
+    top: 200px;
+    background-color: rgba(58, 58, 58, 0.8);
+    color: white;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    align-items: center;
+    margin: 0px 10px;
+    border-radius: 10px;
+}
+.bestellbox span {
+    margin: 5px 0px;
+}
+.bestellbox a {
+    text-decoration: none;
+    color: white;
+}
+.bestellbox #box-togo, #box-tostay {
+    background-color: rgba(128, 128, 128, 0.8);
+    box-shadow: 3px 3px 3px white;
+    text-align: center;
+    width: 95%;
+    margin: 10px 0px;
+    border-radius: 10px;
+}
diff --git a/Endabgabe/html-index/main-page-02-tablet.css b/Endabgabe/html-landing-page/landing-page-02-tablet.css
similarity index 71%
rename from Endabgabe/html-index/main-page-02-tablet.css
rename to Endabgabe/html-landing-page/landing-page-02-tablet.css
index 8570d18..92f548e 100644
--- a/Endabgabe/html-index/main-page-02-tablet.css
+++ b/Endabgabe/html-landing-page/landing-page-02-tablet.css
@@ -2,14 +2,6 @@ body {
     font-size: 40px;
 }
 
-.top-nav #warenkorb {
-    font-size: 70px;
-}   
-.top-nav img {
-    height: 100px;
-    width: 380px;
-}
-
 .bestellbox {
     font-size: 50px;
     margin: 0px 20px;
diff --git a/Endabgabe/html-landing-page/landing-page-03-desktop.css b/Endabgabe/html-landing-page/landing-page-03-desktop.css
new file mode 100644
index 0000000..06e6366
--- /dev/null
+++ b/Endabgabe/html-landing-page/landing-page-03-desktop.css
@@ -0,0 +1,11 @@
+body {
+    font-size: 40px;
+    background-size: 100vw 100vh;
+} 
+
+.bestellbox {
+    top: 150px;
+}
+.bestellbox #box-togo:hover, #box-tostay:hover {
+    background-color: rgb(0, 102, 255);
+}
\ No newline at end of file
diff --git a/Endabgabe/#memes/GiSBeLike.png b/Endabgabe/html-memes/images/GiSBeLike.png
similarity index 100%
rename from Endabgabe/#memes/GiSBeLike.png
rename to Endabgabe/html-memes/images/GiSBeLike.png
diff --git a/Endabgabe/#memes/ItWasAllAMystery.png b/Endabgabe/html-memes/images/ItWasAllAMystery.png
similarity index 100%
rename from Endabgabe/#memes/ItWasAllAMystery.png
rename to Endabgabe/html-memes/images/ItWasAllAMystery.png
diff --git a/Endabgabe/#memes/JsTs.png b/Endabgabe/html-memes/images/JsTs.png
similarity index 100%
rename from Endabgabe/#memes/JsTs.png
rename to Endabgabe/html-memes/images/JsTs.png
diff --git a/Endabgabe/#memes/LearningTsBeLike.png b/Endabgabe/html-memes/images/LearningTsBeLike.png
similarity index 100%
rename from Endabgabe/#memes/LearningTsBeLike.png
rename to Endabgabe/html-memes/images/LearningTsBeLike.png
diff --git a/Endabgabe/html-memes/memes.css b/Endabgabe/html-memes/memes.css
new file mode 100644
index 0000000..6bb7748
--- /dev/null
+++ b/Endabgabe/html-memes/memes.css
@@ -0,0 +1,61 @@
+@media screen and (min-width: 0px) {
+    .top-nav {
+        color: white;
+        background-color: black;
+        display: flex;
+        flex-direction: column;
+        align-content: center;
+        justify-content: space-around;
+        text-align: center;
+        height: 10vh;
+        padding: 5px 0px;
+    }
+    .top-nav a {
+        font-size: 0px;
+    }
+
+    #imageBox {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-around;
+        width: 100%;
+        margin-top: 10px;
+    }
+    #imageBox div {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-around;
+        margin-top: 10px;
+        width: 100%;
+    }
+    #imageBox img {
+        width: 100%;
+        border: solid black 3px;
+        border-radius: 20px;
+    }
+    #buttonRight, #buttonLeft {
+        height: 5vh;
+        width: 100%;
+        text-align: center;
+        background-color: rgba(0,0,0,75%);
+        font-weight: bold;
+        font-size: 1em;
+        color: white;
+        border: solid black 3px;
+        border-radius: 50px;
+    }
+}
+@media screen and (min-width: 601px) {
+
+}
+@media screen and (min-width: 1025px) {
+    #imageBox div {
+        width: 50%;
+    }
+    #imageBox img {
+        width: 50%;
+        max-height: 650px;
+    }
+}
\ No newline at end of file
diff --git a/Endabgabe/html-memes/memes.html b/Endabgabe/html-memes/memes.html
new file mode 100644
index 0000000..f075933
--- /dev/null
+++ b/Endabgabe/html-memes/memes.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" media="screen and (min-width: 0px)" href="../html-landing-page/landing-page-01-phone.css">
+    <link rel="stylesheet" media="screen and (min-width: 601px)" href="../html-landing-page/landing-page-02-tablet.css">
+    <link rel="stylesheet" media="screen and (min-width: 1025px)" href="../html-landing-page/landing-page-03-desktop.css">
+    <link rel="stylesheet" href="../index.css">
+    <link rel="stylesheet" href="memes.css">
+    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin="anonymous" SameSite="Secure"></script>
+    <script src='../script-frontend/memes.js' defer></script>
+    <title>MEMS!</title>
+</head>
+
+<body>
+    <header>
+        <div class="top-nav">
+            <div id="logo">
+                <a href="../index.html"><img src="../html-landing-page/images/nice-ice-logo.png" alt=""></a>
+            </div>
+        </div>
+    </header>
+    <nav>
+        <div class="bottom-nav">
+            <ul>
+                <a href="../html-admin/admin.html"><li>Administrator</li></a>
+                <a href="memes.html"><li>Über uns</li></a>
+            </ul>
+        </div>
+    </nav>
+    <main>
+        <div id="imageBox">
+            <img src="images/GiSBeLike.png" alt="Some weird Memes" />
+            <div>
+                <button id="buttonLeft"><</button>
+                <button id="buttonRight">></button>
+            </div>
+        </div>
+    </main>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Endabgabe/html-shop/createShop.js b/Endabgabe/html-shop/createShop.js
deleted file mode 100644
index b6b1ccc..0000000
--- a/Endabgabe/html-shop/createShop.js
+++ /dev/null
@@ -1,141 +0,0 @@
-"use strict";
-//mongodb + srv://AdminForUse:XV8MXEdBYuwXtQnc@ichstudieremitgis-jfrz9.mongodb.net/IchStudiereMitGiS?retryWrites=true&w=majority
-//http://localhost:8100
-//https://theoneandgis.herokuapp.com
-var shop;
-(function (shop) {
-    let obj = { "_id": 1, "category": "test" };
-    console.log(obj);
-    let serverUrl = "http://localhost:8100";
-    let storageArray = [];
-    let combinationCount = 0;
-    init();
-    async function init() {
-        printPage();
-        await getProductList();
-        addShopping();
-    }
-    function printPage() {
-        for (let i = 1; i <= 20; i++) {
-            let button = document.createElement("button");
-            button.setAttribute("id", "id_table_" + `${i}`);
-            //button.setAttribute("countNumber", "id_table_" + `${i}`);
-            button.innerHTML = `${i}`;
-            document.querySelector("#orderContainer").append(button);
-        }
-    }
-    async function getProductList() {
-        let url = serverUrl + "/mongo/products/findCollection" + "?";
-        let response = await fetch(url);
-        let jsonResponse = await response.json();
-        printProducts(jsonResponse);
-        printShopButton();
-        //let jsonString: string = JSON.stringify(jsonResponse); //formatCollection(jsonResponse);
-        //(<HTMLDivElement>document.querySelector("#test")).innerHTML = jsonString;
-    }
-    function printProducts(_jsonResponse) {
-        let categoryString = [];
-        for (const iterator of _jsonResponse) {
-            if (!categoryString.find(element => element == iterator.category)) {
-                categoryString.push(iterator.category);
-                let div = document.createElement("div");
-                div.setAttribute("id", "id_" + `${iterator.category}`);
-                document.querySelector("#productContainer").append(div);
-                let heading = document.createElement("h1");
-                heading.innerHTML = `${iterator.category}`;
-                document.querySelector(`#id_${iterator.category}`).append(heading);
-            }
-        }
-        for (const iterator of _jsonResponse) {
-            let div = document.createElement("div");
-            delete iterator._id;
-            div.innerHTML = ` 
-                        <div class="${iterator.category}">
-                            <div class="product_name">${iterator.name}</div>
-                            <img src="images/filler.png" alt="Product" /> 
-                            <button class="product_button" content=${JSON.stringify(iterator)}>in den Einkaufswagen</button>
-                        </div>
-                    `; //${ innerIterator.imageName }
-            document.querySelector(`#id_${iterator.category}`).append(div);
-        }
-    }
-    function printShopButton() {
-        let next = document.createElement("button");
-        let send = document.createElement("button");
-        next.setAttribute("id", "nextButton");
-        send.setAttribute("id", "sendButton");
-        next.innerHTML = "Nächstes Eis";
-        send.innerHTML = "Bestellung speichern";
-        document.querySelector("#buttonContainer").append(next);
-        document.querySelector("#buttonContainer").append(send);
-        document.querySelector("#nextButton").addEventListener("click", fixCount);
-        document.querySelector("#sendButton").addEventListener("click", addToLocal);
-    }
-    // Button Interaction
-    function addShopping() {
-        let buttonList = document.querySelectorAll(".product_button");
-        for (const iterator of buttonList)
-            iterator.addEventListener("click", sendProduct);
-    }
-    function sendProduct(_event) {
-        let target = _event.target;
-        let obj = JSON.parse(target.getAttribute("content"));
-        console.log(obj);
-        //console.log(target.getAttribute("content"));
-        addProduct(obj);
-    }
-    shop.sendProduct = sendProduct;
-    function addProduct(_targetString) {
-        //debugger;
-        switch (_targetString.category) {
-            case "container": {
-                if (checkMaximum(1, _targetString)) {
-                    let index = storageArray.indexOf(storageArray.find(element => element = _targetString.category));
-                    storageArray[index] = JSON.stringify(_targetString);
-                    console.log(storageArray, storageArray.toLocaleString());
-                    break;
-                }
-                else {
-                    storageArray.push(JSON.stringify(_targetString));
-                    break;
-                }
-            }
-            case "flavour": {
-                storageArray.push(JSON.stringify(_targetString));
-                console.log("_storageArray.push", JSON.stringify(_targetString));
-                break;
-            }
-            case "topping": {
-                storageArray.push(JSON.stringify(_targetString));
-                console.log("_storageArray.push", JSON.stringify(_targetString));
-                break;
-            }
-        }
-        /*for (const iterator of storageArray)
-            console.log(iterator);
-        storageArray.push(JSON.stringify(_targetString));
-        console.log(storageArray.toLocaleString());*/
-    }
-    function checkMaximum(_maximum, _targetString) {
-        let countOccurence = 0;
-        for (let i = 0; i < storageArray.length; i++) {
-            let checkString = storageArray[i];
-            if (checkString.includes(_targetString.category))
-                countOccurence++;
-            if (countOccurence == _maximum) {
-                alert("You've already reached the maximum of " + _maximum);
-                return true;
-            }
-        }
-        return false;
-    }
-    function fixCount() {
-        addToLocal();
-        storageArray = [];
-        combinationCount++;
-    }
-    function addToLocal() {
-        localStorage.setItem(`Combination${combinationCount}`, "[" + storageArray.toLocaleString() + "]");
-    }
-})(shop || (shop = {}));
-//# sourceMappingURL=createShop.js.map
\ No newline at end of file
diff --git a/Endabgabe/html-shop/createShop.js.map b/Endabgabe/html-shop/createShop.js.map
deleted file mode 100644
index 737c838..0000000
--- a/Endabgabe/html-shop/createShop.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"createShop.js","sourceRoot":"","sources":["createShop.ts"],"names":[],"mappings":";AAAA,gIAAgI;AAChI,uBAAuB;AAEvB,oCAAoC;AACpC,IAAU,IAAI,CAoKb;AApKD,WAAU,IAAI;IAaV,IAAI,GAAG,GAAiB,EAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAC,CAAC;IACvD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEjB,IAAI,SAAS,GAAW,uBAAuB,CAAC;IAEhD,IAAI,YAAY,GAAa,EAAE,CAAC;IAChC,IAAI,gBAAgB,GAAW,CAAC,CAAC;IAEjC,IAAI,EAAE,CAAC;IAEP,KAAK,UAAU,IAAI;QACf,SAAS,EAAE,CAAC;QACZ,MAAM,cAAc,EAAE,CAAC;QACvB,WAAW,EAAE,CAAC;IAClB,CAAC;IAGD,SAAS,SAAS;QACd,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE;YAClC,IAAI,MAAM,GAAsB,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACjE,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;YAChD,2DAA2D;YAC3D,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC,EAAE,CAAC;YACT,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SAC9E;IACL,CAAC;IAED,KAAK,UAAU,cAAc;QACzB,IAAI,GAAG,GAAW,SAAS,GAAG,gCAAgC,GAAG,GAAG,CAAC;QACrE,IAAI,QAAQ,GAAa,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,YAAY,GAAe,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrD,aAAa,CAAC,YAAY,CAAC,CAAC;QAC5B,eAAe,EAAE,CAAC;QAClB,0FAA0F;QAC1F,2EAA2E;IAC/E,CAAC;IAED,SAAS,aAAa,CAAC,aAAyB;QAC5C,IAAI,cAAc,GAAa,EAAE,CAAC;QAClC,KAAK,MAAM,QAAQ,IAAI,aAAa,EAAE;YAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE;gBAC/D,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACvC,IAAI,GAAG,GAAuB,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC5D,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,GAAG,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACtC,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC1E,IAAI,OAAO,GAAuB,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBAC/D,OAAO,CAAC,SAAS,GAAG,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;gBACtB,QAAQ,CAAC,aAAa,CAAC,OAAO,QAAQ,CAAC,QAAQ,EAAE,CAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aAC5F;SACJ;QACD,KAAK,MAAM,QAAQ,IAAI,aAAa,EAAE;YAClC,IAAI,GAAG,GAAmB,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxD,OAAO,QAAQ,CAAC,GAAG,CAAC;YACpB,GAAG,CAAC,SAAS,GAAG;sCACU,QAAQ,CAAC,QAAQ;wDACC,QAAQ,CAAC,IAAI;;qEAEA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;;qBAExE,CAAC,CAAC,8BAA8B;YAC3B,QAAQ,CAAC,aAAa,CAAC,OAAO,QAAQ,CAAC,QAAQ,EAAE,CAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;SACjF;IACL,CAAC;IAED,SAAS,eAAe;QACpB,IAAI,IAAI,GAAsB,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,IAAI,GAAsB,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC;QAChC,IAAI,CAAC,SAAS,GAAG,sBAAsB,CAAC;QACvB,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACzD,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5D,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC3E,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC/F,CAAC;IAED,qBAAqB;IAErB,SAAS,WAAW;QAChB,IAAI,UAAU,GAAkC,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QAC7F,KAAK,MAAM,QAAQ,IAAI,UAAU;YAC7B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IACxD,CAAC;IAED,SAAgB,WAAW,CAAC,MAAa;QACrC,IAAI,MAAM,GAA8B,MAAM,CAAC,MAAO,CAAC;QACvD,IAAI,GAAG,GAAiB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAE,CAAC,CAAC;QACpE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjB,8CAA8C;QAC9C,UAAU,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC;IANe,gBAAW,cAM1B,CAAA;IAED,SAAS,UAAU,CAAC,aAA2B;QAC3C,WAAW;QACX,QAAQ,aAAa,CAAC,QAAQ,EAAE;YAC5B,KAAK,WAAW,CAAC,CAAC;gBACd,IAAI,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE;oBAChC,IAAI,KAAK,GAAW,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,GAAW,aAAa,CAAC,QAAQ,CAAE,CAAC,CAAC;oBAClH,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;oBACpD,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,cAAc,EAAE,CAAC,CAAC;oBACzD,MAAM;iBACT;qBACI;oBACD,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;oBACjD,MAAM;iBACT;aACJ;YACD,KAAK,SAAS,CAAC,CAAC;gBACZ,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;gBACjD,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;gBACjE,MAAM;aACT;YACD,KAAK,SAAS,CAAC,CAAC;gBACZ,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;gBACjD,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;gBACjE,MAAM;aACT;SACJ;QACD;;;qDAG6C;IACjD,CAAC;IAED,SAAS,YAAY,CAAC,QAAgB,EAAE,aAA2B;QAC/D,IAAI,cAAc,GAAW,CAAC,CAAC;QAC/B,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAClD,IAAI,WAAW,GAAW,YAAY,CAAC,CAAC,CAAC,CAAC;YAC1C,IAAI,WAAW,CAAC,QAAQ,CAAS,aAAa,CAAC,QAAQ,CAAC;gBACpD,cAAc,EAAE,CAAC;YACrB,IAAI,cAAc,IAAI,QAAQ,EAAE;gBAC5B,KAAK,CAAC,wCAAwC,GAAG,QAAQ,CAAC,CAAC;gBAC3D,OAAO,IAAI,CAAC;aACf;SACJ;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IAID,SAAS,QAAQ;QACb,UAAU,EAAE,CAAC;QACb,YAAY,GAAG,EAAE,CAAC;QAClB,gBAAgB,EAAE,CAAC;IACvB,CAAC;IAED,SAAS,UAAU;QACf,YAAY,CAAC,OAAO,CAAC,cAAc,gBAAgB,EAAE,EAAE,GAAG,GAAG,YAAY,CAAC,cAAc,EAAE,GAAG,GAAG,CAAC,CAAC;IACtG,CAAC;AAEL,CAAC,EApKS,IAAI,KAAJ,IAAI,QAoKb"}
\ No newline at end of file
diff --git a/Endabgabe/html-shop/createShop.ts b/Endabgabe/html-shop/createShop.ts
deleted file mode 100644
index 0927f6c..0000000
--- a/Endabgabe/html-shop/createShop.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-//mongodb + srv://AdminForUse:XV8MXEdBYuwXtQnc@ichstudieremitgis-jfrz9.mongodb.net/IchStudiereMitGiS?retryWrites=true&w=majority
-//http://localhost:8100
-
-//https://theoneandgis.herokuapp.com
-namespace shop {
-
-    interface Products {
-        _id: any;
-        category: string;
-        name: string;
-        price: number;
-        imageName: string;
-    }
-    interface LocalProduct {
-        [type: string]: string | number; //| string[] | undefined;
-    }
-
-    let obj: LocalProduct = {"_id": 1, "category": "test"};
-    console.log(obj);
-
-    let serverUrl: string = "http://localhost:8100";
-
-    let storageArray: string[] = [];
-    let combinationCount: number = 0;
-
-    init();
-
-    async function init(): Promise<void> {
-        printPage();
-        await getProductList();
-        addShopping();
-    }
-
-
-    function printPage(): void {
-        for (let i: number = 1; i <= 20; i++) {
-            let button: HTMLButtonElement = document.createElement("button");
-            button.setAttribute("id", "id_table_" + `${i}`);
-            //button.setAttribute("countNumber", "id_table_" + `${i}`);
-            button.innerHTML = `${i}`;
-            (<HTMLDivElement>document.querySelector("#orderContainer")).append(button);
-        }
-    }
-
-    async function getProductList(): Promise<void> {
-        let url: string = serverUrl + "/mongo/products/findCollection" + "?";
-        let response: Response = await fetch(url);
-        let jsonResponse: Products[] = await response.json();
-        printProducts(jsonResponse);
-        printShopButton();
-        //let jsonString: string = JSON.stringify(jsonResponse); //formatCollection(jsonResponse);
-        //(<HTMLDivElement>document.querySelector("#test")).innerHTML = jsonString;
-    }
-
-    function printProducts(_jsonResponse: Products[]): void {
-        let categoryString: string[] = [];
-        for (const iterator of _jsonResponse) {
-            if (!categoryString.find(element => element == iterator.category)) {
-                categoryString.push(iterator.category);
-                let div: HTMLHeadingElement = document.createElement("div");
-                div.setAttribute("id", "id_" + `${iterator.category}`);
-                (<HTMLDivElement>document.querySelector("#productContainer")).append(div);
-                let heading: HTMLHeadingElement = document.createElement("h1");
-                heading.innerHTML = `${iterator.category}`;
-                (<HTMLHeadingElement>document.querySelector(`#id_${iterator.category}`)).append(heading);
-            }
-        }
-        for (const iterator of _jsonResponse) {
-            let div: HTMLDivElement = document.createElement("div");
-            delete iterator._id;
-            div.innerHTML = ` 
-                        <div class="${iterator.category}">
-                            <div class="product_name">${iterator.name}</div>
-                            <img src="images/filler.png" alt="Product" /> 
-                            <button class="product_button" content=${JSON.stringify(iterator)}>in den Einkaufswagen</button>
-                        </div>
-                    `; //${ innerIterator.imageName }
-            (<HTMLElement>document.querySelector(`#id_${iterator.category}`)).append(div);
-        }
-    }
-
-    function printShopButton(): void {
-        let next: HTMLButtonElement = document.createElement("button");
-        let send: HTMLButtonElement = document.createElement("button");
-        next.setAttribute("id", "nextButton");
-        send.setAttribute("id", "sendButton");
-        next.innerHTML = "Nächstes Eis";
-        send.innerHTML = "Bestellung speichern";
-        (<HTMLDivElement>document.querySelector("#buttonContainer")).append(next);
-        (<HTMLDivElement>document.querySelector("#buttonContainer")).append(send);
-        (<HTMLElement>document.querySelector("#nextButton")).addEventListener("click", fixCount);
-        (<HTMLElement>document.querySelector("#sendButton")).addEventListener("click", addToLocal);
-    }
-
-    // Button Interaction
-
-    function addShopping(): void {
-        let buttonList: NodeListOf<HTMLButtonElement> = document.querySelectorAll(".product_button");
-        for (const iterator of buttonList)
-            iterator.addEventListener("click", sendProduct);
-    }
-
-    export function sendProduct(_event: Event): void {
-        let target: HTMLElement = (<HTMLElement>_event.target);
-        let obj: LocalProduct = JSON.parse(target.getAttribute("content")!);
-        console.log(obj);
-        //console.log(target.getAttribute("content"));
-        addProduct(obj);
-    }
-
-    function addProduct(_targetString: LocalProduct): void {
-        //debugger;
-        switch (_targetString.category) {
-            case "container": {
-                if (checkMaximum(1, _targetString)) {
-                    let index: number = storageArray.indexOf(storageArray.find(element => element = <string>_targetString.category)!);
-                    storageArray[index] = JSON.stringify(_targetString);
-                    console.log(storageArray, storageArray.toLocaleString());
-                    break;
-                }
-                else {
-                    storageArray.push(JSON.stringify(_targetString));
-                    break;
-                }
-            } 
-            case "flavour": {
-                storageArray.push(JSON.stringify(_targetString));
-                console.log("_storageArray.push", JSON.stringify(_targetString));
-                break;
-            }
-            case "topping": {
-                storageArray.push(JSON.stringify(_targetString));
-                console.log("_storageArray.push", JSON.stringify(_targetString));
-                break;
-            }
-        }
-        /*for (const iterator of storageArray)
-            console.log(iterator);
-        storageArray.push(JSON.stringify(_targetString));
-        console.log(storageArray.toLocaleString());*/
-    }
-
-    function checkMaximum(_maximum: number, _targetString: LocalProduct): boolean {
-        let countOccurence: number = 0;
-        for (let i: number = 0; i < storageArray.length; i++) {
-            let checkString: string = storageArray[i];
-            if (checkString.includes(<string>_targetString.category))
-                countOccurence++;   
-            if (countOccurence == _maximum) {
-                alert("You've already reached the maximum of " + _maximum);
-                return true;
-            }
-        }      
-        return false;
-    }
-
-    
-
-    function fixCount(): void {
-        addToLocal();
-        storageArray = [];
-        combinationCount++;
-    }
-
-    function addToLocal(): void {
-        localStorage.setItem(`Combination${combinationCount}`, "[" + storageArray.toLocaleString() + "]");
-    }
-
-}
-
diff --git a/Endabgabe/html-shop/form.html b/Endabgabe/html-shop/form.html
deleted file mode 100644
index 8111d1b..0000000
--- a/Endabgabe/html-shop/form.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="client.js" defer></script>
-    <title>Kapitel 11</title>
-</head>
-
-<body>
-
-    <button class="container">Becher</button>
-    <button id="blueberry">Blau</button>
-    <button id="raspberry">Rot</button>
-    <button id="streusel">bunte Streusel</button>
-
-    <hr>
-
-    <form id="myForm" method="" action="">
-        <!--https://theoneandgis.herokuapp.com-->
-
-        <label for="vorname" method="get">
-            Vorname
-        </label><br>
-        <input type="text" id="vorname" name="vorname" value="Vorname" onfocus="this.value=''"><br>
-
-        <label for="nachname">
-            Nachname
-        </label><br>
-        <input type="text" id="nachname" name="nachname" value="Nachname" onfocus="this.value=''"><br>
-
-        <label for="geburtsjahr">
-            Geburtsjahr
-        </label><br>
-        <input type="text" id="geburtsjahr" name="geburtsjahr" value="2000"><br>
-
-        <button type="button" id="abschicken"> Eintrag </button>
-        <button type="button" id="abfragen"> Abfrage </button>
-
-    </form>
-
-    <hr>
-    <div id="divResponse"></div>
-    <hr>
-    <div id="divDatabase"></div>
-
-
-
-</body>
-
-</html>
-
-<style>
-    button,
-    label,
-    input,
-    div {
-        margin: 10px;
-    }
-    body{
-        background-color: black;
-        color: white;
-    }
-</style>
\ No newline at end of file
diff --git a/Endabgabe/html-shop/handleShop.js b/Endabgabe/html-shop/handleShop.js
deleted file mode 100644
index 4185a78..0000000
--- a/Endabgabe/html-shop/handleShop.js
+++ /dev/null
@@ -1,25 +0,0 @@
-"use strict";
-var shop;
-(function (shop) {
-    let countBall = 0;
-    let countTopping = 0;
-    let storageArray;
-    let storageObject;
-    function addProduct(_targetString) {
-        let storageProduct = [""];
-        console.log(_targetString);
-        storageProduct.push("category");
-        storageProduct.push("name");
-        storageProduct.push("price");
-        storageProduct.push("imageName");
-    }
-    shop.addProduct = addProduct;
-    function fixCount() {
-        console.log("I reached here");
-    }
-    shop.fixCount = fixCount;
-    /*export function addToLocal(): void {
-        localStorage.setItem("Combination", storageArray.toLocaleString());
-    }*/
-})(shop || (shop = {}));
-//# sourceMappingURL=handleShop.js.map
\ No newline at end of file
diff --git a/Endabgabe/html-shop/handleShop.js.map b/Endabgabe/html-shop/handleShop.js.map
deleted file mode 100644
index 32dc6c6..0000000
--- a/Endabgabe/html-shop/handleShop.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"handleShop.js","sourceRoot":"","sources":["handleShop.ts"],"names":[],"mappings":";AAAA,IAAU,IAAI,CA6Bb;AA7BD,WAAU,IAAI;IAMV,IAAI,SAAS,GAAW,CAAC,CAAC;IAC1B,IAAI,YAAY,GAAW,CAAC,CAAC;IAC7B,IAAI,YAAsB,CAAC;IAC3B,IAAI,aAA2B,CAAC;IAEhC,SAAgB,UAAU,CAAC,aAAqB;QAC5C,IAAI,cAAc,GAAa,CAAC,EAAE,CAAC,CAAC;QACpC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3B,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAChC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACrC,CAAC;IAPe,eAAU,aAOzB,CAAA;IAED,SAAgB,QAAQ;QACpB,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,CAAC;IAFe,aAAQ,WAEvB,CAAA;IAED;;OAEG;AAGP,CAAC,EA7BS,IAAI,KAAJ,IAAI,QA6Bb"}
\ No newline at end of file
diff --git a/Endabgabe/html-shop/handleShop.ts b/Endabgabe/html-shop/handleShop.ts
deleted file mode 100644
index d469044..0000000
--- a/Endabgabe/html-shop/handleShop.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-namespace shop {
-
-    interface LocalProduct {
-        [type: string]: string | number; //| string[] | undefined;
-    }
-
-    let countBall: number = 0;
-    let countTopping: number = 0;
-    let storageArray: String[];
-    let storageObject: LocalProduct;
-    
-    export function addProduct(_targetString: string): void {
-        let storageProduct: String[] = [""];
-        console.log(_targetString);
-        storageProduct.push("category");
-        storageProduct.push("name");
-        storageProduct.push("price");
-        storageProduct.push("imageName");
-    }
-
-    export function fixCount(): void {
-        console.log("I reached here");
-    }
-    
-    /*export function addToLocal(): void {
-        localStorage.setItem("Combination", storageArray.toLocaleString());
-    }*/
-    
-
-}
-
diff --git a/Endabgabe/html-shop/images/Waffle.psd b/Endabgabe/html-shop/images/Waffle.psd
new file mode 100644
index 0000000..dad02ec
Binary files /dev/null and b/Endabgabe/html-shop/images/Waffle.psd differ
diff --git a/Endabgabe/html-index/images/filler.jpg b/Endabgabe/html-shop/images/archiv/filler.jpg
similarity index 100%
rename from Endabgabe/html-index/images/filler.jpg
rename to Endabgabe/html-shop/images/archiv/filler.jpg
diff --git a/Endabgabe/html-shop/images/filler.png b/Endabgabe/html-shop/images/archiv/filler.png
similarity index 100%
rename from Endabgabe/html-shop/images/filler.png
rename to Endabgabe/html-shop/images/archiv/filler.png
diff --git a/Endabgabe/html-index/images/ice-cream-3490976_1920.png b/Endabgabe/html-shop/images/archiv/ice-cream-3490976_1920.png
similarity index 100%
rename from Endabgabe/html-index/images/ice-cream-3490976_1920.png
rename to Endabgabe/html-shop/images/archiv/ice-cream-3490976_1920.png
diff --git a/Endabgabe/html-shop/images/archiv/waffel-vorlage.png b/Endabgabe/html-shop/images/archiv/waffel-vorlage.png
new file mode 100644
index 0000000..d33a259
Binary files /dev/null and b/Endabgabe/html-shop/images/archiv/waffel-vorlage.png differ
diff --git a/Endabgabe/html-shop/images/background.png b/Endabgabe/html-shop/images/background.png
new file mode 100644
index 0000000..340eccd
Binary files /dev/null and b/Endabgabe/html-shop/images/background.png differ
diff --git a/Endabgabe/html-shop/images/becher.png b/Endabgabe/html-shop/images/becher.png
new file mode 100644
index 0000000..aad28a2
Binary files /dev/null and b/Endabgabe/html-shop/images/becher.png differ
diff --git a/Endabgabe/html-shop/images/bg.png b/Endabgabe/html-shop/images/bg.png
new file mode 100644
index 0000000..6201a96
Binary files /dev/null and b/Endabgabe/html-shop/images/bg.png differ
diff --git a/Endabgabe/html-shop/images/bubblegum.png b/Endabgabe/html-shop/images/bubblegum.png
new file mode 100644
index 0000000..88e35e6
Binary files /dev/null and b/Endabgabe/html-shop/images/bubblegum.png differ
diff --git a/Endabgabe/html-shop/images/bunte-streusel.png b/Endabgabe/html-shop/images/bunte-streusel.png
new file mode 100644
index 0000000..cd5949e
Binary files /dev/null and b/Endabgabe/html-shop/images/bunte-streusel.png differ
diff --git a/Endabgabe/html-shop/images/cola.png b/Endabgabe/html-shop/images/cola.png
new file mode 100644
index 0000000..cfbce47
Binary files /dev/null and b/Endabgabe/html-shop/images/cola.png differ
diff --git a/Endabgabe/html-shop/images/erdbeere.png b/Endabgabe/html-shop/images/erdbeere.png
new file mode 100644
index 0000000..089bdaf
Binary files /dev/null and b/Endabgabe/html-shop/images/erdbeere.png differ
diff --git a/Endabgabe/html-shop/images/filler.jpg b/Endabgabe/html-shop/images/filler.jpg
deleted file mode 100644
index 62b1c43..0000000
Binary files a/Endabgabe/html-shop/images/filler.jpg and /dev/null differ
diff --git a/Endabgabe/html-shop/images/kirsche.png b/Endabgabe/html-shop/images/kirsche.png
new file mode 100644
index 0000000..bc87c7f
Binary files /dev/null and b/Endabgabe/html-shop/images/kirsche.png differ
diff --git a/Endabgabe/html-shop/images/mini-marshmellows.png b/Endabgabe/html-shop/images/mini-marshmellows.png
new file mode 100644
index 0000000..b85e882
Binary files /dev/null and b/Endabgabe/html-shop/images/mini-marshmellows.png differ
diff --git a/Endabgabe/html-shop/images/mystery.png b/Endabgabe/html-shop/images/mystery.png
new file mode 100644
index 0000000..3d81119
Binary files /dev/null and b/Endabgabe/html-shop/images/mystery.png differ
diff --git a/Endabgabe/html-shop/images/orange.png b/Endabgabe/html-shop/images/orange.png
new file mode 100644
index 0000000..bbe6435
Binary files /dev/null and b/Endabgabe/html-shop/images/orange.png differ
diff --git a/Endabgabe/html-shop/images/pistazie.png b/Endabgabe/html-shop/images/pistazie.png
new file mode 100644
index 0000000..a8fb219
Binary files /dev/null and b/Endabgabe/html-shop/images/pistazie.png differ
diff --git a/Endabgabe/html-shop/images/schlumpf.png b/Endabgabe/html-shop/images/schlumpf.png
new file mode 100644
index 0000000..82bb372
Binary files /dev/null and b/Endabgabe/html-shop/images/schlumpf.png differ
diff --git a/Endabgabe/html-shop/images/schoko-streusel.png b/Endabgabe/html-shop/images/schoko-streusel.png
new file mode 100644
index 0000000..6732809
Binary files /dev/null and b/Endabgabe/html-shop/images/schoko-streusel.png differ
diff --git a/Endabgabe/html-shop/images/schoko.png b/Endabgabe/html-shop/images/schoko.png
new file mode 100644
index 0000000..a15e188
Binary files /dev/null and b/Endabgabe/html-shop/images/schoko.png differ
diff --git a/Endabgabe/html-shop/images/smarties.png b/Endabgabe/html-shop/images/smarties.png
new file mode 100644
index 0000000..60dd5c3
Binary files /dev/null and b/Endabgabe/html-shop/images/smarties.png differ
diff --git a/Endabgabe/html-shop/images/traube.png b/Endabgabe/html-shop/images/traube.png
new file mode 100644
index 0000000..d313804
Binary files /dev/null and b/Endabgabe/html-shop/images/traube.png differ
diff --git a/Endabgabe/html-shop/images/waffel.png b/Endabgabe/html-shop/images/waffel.png
new file mode 100644
index 0000000..6d6f843
Binary files /dev/null and b/Endabgabe/html-shop/images/waffel.png differ
diff --git a/Endabgabe/html-shop/images/waldmeister.png b/Endabgabe/html-shop/images/waldmeister.png
new file mode 100644
index 0000000..d9b51c5
Binary files /dev/null and b/Endabgabe/html-shop/images/waldmeister.png differ
diff --git a/Endabgabe/html-shop/images/zitrone.png b/Endabgabe/html-shop/images/zitrone.png
new file mode 100644
index 0000000..c9b61ed
Binary files /dev/null and b/Endabgabe/html-shop/images/zitrone.png differ
diff --git a/Endabgabe/html-shop/shop.css b/Endabgabe/html-shop/shop.css
new file mode 100644
index 0000000..cadcf77
--- /dev/null
+++ b/Endabgabe/html-shop/shop.css
@@ -0,0 +1,169 @@
+@media screen and (min-width: 0px) {
+    body {
+        background-image: url(images/background.png);
+        text-align: center;
+    }
+
+    #topContainer {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        padding: 0px 10px 0px 10px;
+        margin: 20px 0px;
+    }
+    #topContainer > span {
+        border-bottom: solid 3px;
+        margin-bottom: 10px;
+    }
+    #topContainer button {
+        color: white;
+        background-color: rgb(0, 102, 255);
+    }
+
+    #productContainer > span {
+        width: 90%;
+        border-bottom: solid 3px;
+        margin-bottom: 10px;
+    }
+
+    #topTable {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+        align-items: stretch;
+        padding: 0px;
+    }
+
+    #topTable button {
+        width: 23%;
+        margin: 4px 0px;
+    }
+
+    #topTake button {
+        width: 100%;
+    }
+
+    #topContainer{
+        padding: 10px;
+    }
+
+    #topContainer, #productContainer{
+        border: solid black;
+        margin: 20px 0px;
+    }
+
+    #extraSpan {
+        font-size: 25px;
+        color: red;
+    }
+
+    #buttonContainer{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        border: solid black;
+        padding: 20px;
+        margin-bottom: 20px;
+    }
+
+    #containerDiv, #flavourDiv, #toppingDiv{
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+        margin: 20px 0px;
+    }
+
+    #containerDiv div, #flavourDiv div, #toppingDiv div{
+        margin: 10px 0px;
+    }
+
+    #container, #flavour, #topping{
+        margin: 20px 0px;
+    }
+
+    .container, .flavour, .topping{
+        width: 40%;
+    }
+
+    .container img {
+        border: solid black 3px;
+        border-radius: 50%;
+    }
+    .container img, .flavour img, .topping img {
+        width: 80%;
+    }
+    .container button, .flavour button, .topping button {
+        background-color: transparent;
+        border-radius: 5%;
+    }
+
+    #buttonContainer button {
+        width: 100%;
+        margin: 5px 0px;
+        color: white;
+        background-color: rgb(0, 102, 255);
+        border-radius: 20px;
+    }
+
+    #buttonContainer a {
+        width: 100%;
+        color: white;
+        text-decoration: none;
+        margin: 5px 0px;
+    }
+
+    #displayContainer {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        border: solid black 3px;
+        margin: 20px 0px;
+        min-height: 100px;
+        flex-wrap: wrap;
+    }
+    #displayContainer img {
+        width: 100px;
+        margin: 0px 5px;
+    }
+}
+@media screen and (min-width: 601px) {
+    #topTable button, #topTake button {
+        font-size: 30px;
+    }
+
+    #buttonContainer button {
+        font-size: 30px;
+        padding: 5px 0px;
+    }
+
+    #containerDiv div, #flavourDiv div, #toppingDiv div{
+        font-size: 30px;
+        align-items: center;
+        text-align: center;
+    }
+    .container, .flavour, .topping{
+        width: 30%;
+    }
+    #containerDiv button, #flavourDiv button, #toppingDiv button{
+        font-size: 25px;
+    }
+}
+@media screen and (min-width: 1025px) {
+    .container, .flavour, .topping{
+        width: 12%;
+    }
+    #topTable button {
+        width: 10%;
+        margin: 4px 0px;
+    }
+    #topTable button:hover, #topTake button:hover, #buttonContainer button:hover{
+       background-color: black;
+       color: rgb(0, 102, 255);
+    }
+    .container button:hover, .flavour button:hover, .topping button:hover {
+        background-color: white;
+    }
+
+}
\ No newline at end of file
diff --git a/Endabgabe/html-shop/shop.html b/Endabgabe/html-shop/shop.html
index 18a9081..0b1a12e 100644
--- a/Endabgabe/html-shop/shop.html
+++ b/Endabgabe/html-shop/shop.html
@@ -1,36 +1,76 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!--<link rel="stylesheet" href="../index.css">
-    <link rel="stylesheet" media="screen and (min-width: 0px)" href="../html-index/main-page-01-phone.css">
-    <link rel="stylesheet" media="screen and (min-width: 601px)" href="../html-index/main-page-02-tablet.css">
-    <link rel="stylesheet" media="screen and (min-width: 1025px)" href="../html-index/main-page-03-desktop.css"> -->
-    <script src="createShop.js" defer></script>
-    <script src="handleShop.js" defer></script>
-    <title>Document</title>
+    <link rel="stylesheet" href="../index.css">
+    <link rel="stylesheet" href="shop.css">
+    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin="anonymous" SameSite="Secure"></script>
+    <script src="../script-frontend/shop.js" defer></script>
+    <title>Shop</title>
 </head>
 <body>
     <header>
         <div class="top-nav">
             <div id="logo">
-                <a href="../index.html"><img src="../html-index/images/nice-ice-logo.png" alt=""></a>
+                <a href="../index.html"><img src="../html-landing-page/images/nice-ice-logo.png" alt=""></a>
             </div>
             <div id="warenkorb">
-                <a href="#"><i class='fas fa-shopping-cart'></i>&nbsp;<span>0</span></a>
+                <a href="../html-warenkorb\warenkorb.html"><i class='fas fa-shopping-cart'></i>&nbsp;<span>0</span></a>
             </div>
         </div>
     </header>
+    <nav>
+        <div class="bottom-nav">
+            <ul>
+                <a href="../html-admin/admin.html"><li>Administrator</li></a>
+                <a href="../html-memes/memes.html"><li>Über uns</li></a>
+            </ul>
+        </div>
+    </nav>
     <main>
-        <div id="test"></div>
-        <div id="orderContainer"></div>
-        <div id="productContainer"></div>
-        <div id="buttonContainer"></div>
+        <div id="topContainer">
+            <span>Wohin wollen Sie das Eis?</span>
+            <div><span id="extraSpan">(Muss nur einmal pro Bestellvorgang ausgewählt werden)</span></div>
+            <div>
+                <span>Zum Tisch?</span>  
+                <div id="topTable"></div>              
+            </div>
+            <div>
+                <span>Zum Mitnehmen?</span>
+                <div id="topTake"></div>
+            </div>
+        </div>
+        <div id="productContainer">
+            <h1 id="containerHeader">Behälter (max 1)</h1>
+            <div id="containerDiv"></div>
+            <h1 id="flavourHeader">Eis Sorten (max 6)</h1>
+            <div id="flavourDiv"></div>
+            <h1 id="toppingHeader">Toppings (max 3)</h1>
+            <div id="toppingDiv"></div>
+        </div>
+        <div id="displayContainer">
+            <div id="behälter"></div>
+            <div id="eis1"></div>
+            <div id="eis2"></div>
+            <div id="eis3"></div>
+            <div id="eis4"></div>
+            <div id="eis5"></div>
+            <div id="eis6"></div>
+            <div id="topping1"></div>
+            <div id="topping2"></div>
+            <div id="topping3"></div>
+        </div>
+        <div id="buttonContainer">
+            <a href="#topContainer"><button id="resetButton">Eis zurücksetzen</button></a>
+            <a href="#topContainer"><button id="nextButton">Nächstes Eis</button></a>
+            <a href="../html-warenkorb/warenkorb.html"><button id="sendButton">Bestellung speichern</button></a>
+        </div>
     </main>
     <footer>
         <div>
-            <!--Disclaimer-->
+            <span>( - Disclaimer - )</span>
+            <span>Ich verdiene mit dieser Website kein Geld</span>
         </div>
     </footer>
 </body>
diff --git a/Endabgabe/html-warenkorb/warenkorb.css b/Endabgabe/html-warenkorb/warenkorb.css
new file mode 100644
index 0000000..b5a528c
--- /dev/null
+++ b/Endabgabe/html-warenkorb/warenkorb.css
@@ -0,0 +1,92 @@
+@media screen and (min-width: 0px) {
+
+    body {
+        background-image: url(../html-shop/images/background.png);
+    }
+
+    #mainContainer {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        /*align-items: stretch;*/
+    }
+
+    div.product, form {
+        font-family: sans-serif;
+        display: flex;
+        flex-direction: column;
+        align-items: stretch;
+        border: dotted rgb(0, 25, 136) 3px;
+        border-radius: 50px;
+        background-color: rgba(0, 102, 255, 70%);
+        color: white;
+        padding: 10px;
+        align-items: center;
+        margin: 20px 0px;
+    }
+    div.product button {
+        background-color: rgba(0,0,0,50%);
+        border: solid rgb(0, 25, 136) 2px;
+        border-radius: 20px;
+        color: white;
+    }
+    div.product span {
+        display: block;
+    }
+
+    form {
+        padding: 20px 75px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    form input {
+        margin: 0px 0px 10px 0px;
+    }
+
+    button#sendOrder {
+        margin-bottom: 30px;
+        width: 90%;
+        color: white;
+        background-color: red;
+        border: solid black 3px;
+        border-radius: 50px;
+        font-size: 20px;
+    }
+
+}
+@media screen and (min-width: 601px) {
+    body {
+        font-size: 40px;
+    }
+
+    div.product button {
+        font-size: 25px;
+    }
+
+    button#sendOrder{
+        height: 50px;
+        font-size: 40px;
+        width: 75%;
+    }
+
+    form input {
+        font-size: 20px;
+    }
+
+}
+@media screen and (min-width: 1025px) {
+    div.product button:hover {
+        background-color: red;
+    }
+    
+    button#sendOrder{
+        height: 50px;
+        font-size: 40px;
+        width: 50%;
+    }
+    button#sendOrder:hover{
+        background-color: black;
+        color: red;
+    }
+}
\ No newline at end of file
diff --git a/Endabgabe/html-warenkorb/warenkorb.html b/Endabgabe/html-warenkorb/warenkorb.html
index 3b06fdc..b77a35f 100644
--- a/Endabgabe/html-warenkorb/warenkorb.html
+++ b/Endabgabe/html-warenkorb/warenkorb.html
@@ -1,36 +1,65 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 
 <head>
+    <title>Warenkorb</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!--<link rel="stylesheet" href="../index.css">
-    <link rel="stylesheet" media="screen and (min-width: 0px)" href="../html-index/main-page-01-phone.css">
-    <link rel="stylesheet" media="screen and (min-width: 601px)" href="../html-index/main-page-02-tablet.css">
-    <link rel="stylesheet" media="screen and (min-width: 1025px)" href="../html-index/main-page-03-desktop.css"> -->
-    <script src="warenkorb.js" defer></script>
-    <title>Document</title>
+    <link rel="stylesheet" href="../index.css">
+    <link rel="stylesheet" href="warenkorb.css">
+    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin="anonymous" SameSite="Secure"></script>
+    <script src="../script-frontend/warenkorb.js" defer></script>
 </head>
 
+<style> body { font-size: 20px; } </style>
+
 <body>
     <header>
         <div class="top-nav">
             <div id="logo">
-                <a href="../index.html"><img src="../html-index/images/nice-ice-logo.png" alt=""></a>
+                <a href="../index.html"><img src="../html-landing-page/images/nice-ice-logo.png" alt=""></a>
             </div>
             <div id="warenkorb">
                 <a href="#"><i class='fas fa-shopping-cart'></i>&nbsp;<span>0</span></a>
             </div>
         </div>
     </header>
+    <nav>
+        <div class="bottom-nav">
+            <ul>
+                <a href="../html-shop/shop.html"><li>Shop</li></a>
+                <a href="../html-admin/admin.html"><li>Administrator</li></a>
+                <a href="../html-memes/memes.html"><li>Über uns</li></a>
+            </ul>
+        </div>
+    </nav>
     <main>
-        <button id="confirmOrder">confirm order</button>
-        <button id="sendOrder">send order</button>
-        <div id="check"></div>
+        <div id="mainContainer">
+            <div id="check"></div>
+            <form id="myForm" method="POST" action="">
+                <!--https://theoneandgis.herokuapp.com-->
+            
+                <label for="vorname">Vorname</label>
+                <input type="text" id="vorname" name="vorname" value="Vorname" onfocus="this.value=''">
+            
+                <label for="nachname">Nachname</label>
+                <input type="text" id="nachname" name="nachname" value="Nachname" onfocus="this.value=''">
+            
+                <label for="straße">Straße</label>
+                <input type="text" id="straße" name="straße" value="Straße-Hausnummer" onfocus="this.value=''">
+            
+                <label for="postleitzahl">Postleitzahl</label>
+                <input type="text" id="postleitzahl" name="postleitzahl" value="PLZ-Wohnort" onfocus="this.value=''">
+            </form>
+            <!--<button id="printOrder">print order</button>-->
+            <button id="sendOrder">Bestellung Abschicken</button>
+            <!--<button id="formButton">Send Form</button>-->
+        </div>
     </main>
     <footer>
         <div>
-            <!--Disclaimer-->
+            <span>( - Disclaimer - )</span>
+            <span>Ich verdiene mit dieser Website kein Geld</span>
         </div>
     </footer>
 </body>
diff --git a/Endabgabe/html-warenkorb/warenkorb.js b/Endabgabe/html-warenkorb/warenkorb.js
deleted file mode 100644
index 05deb50..0000000
--- a/Endabgabe/html-warenkorb/warenkorb.js
+++ /dev/null
@@ -1,47 +0,0 @@
-"use strict";
-//var lastname = localStorage.getItem("key");
-document.querySelector("#confirmOrder").addEventListener("click", printOrder);
-document.querySelector("#sendOrder").addEventListener("click", confirmOrder);
-let orderArray = [];
-let orderNumber = 0;
-async function printOrder() {
-    for (const key in localStorage) {
-        if (localStorage.getItem(key) != null) {
-            let content = localStorage.getItem(key);
-            let contentObj = await JSON.parse(content);
-            let contentString = "{";
-            let countFlavour = 1;
-            let countTopping = 1;
-            for (const keys of contentObj)
-                if (keys.category == "container")
-                    contentString += `"container"` + ":" + `"${keys.name}"` + ",";
-            for (const keys of contentObj)
-                if (keys.category == "flavour") {
-                    contentString += `"flavour${countFlavour}"` + ":" + `"${keys.name}"` + ",";
-                    countFlavour++;
-                }
-            for (const keys of contentObj)
-                if (keys.category == "topping") {
-                    contentString += `"topping${countTopping}"` + ":" + `"${keys.name}"` + ",";
-                    countTopping++;
-                }
-            contentString = contentString.slice(0, contentString.length - 1) + "}";
-            console.log("string", contentString);
-            orderArray.push(contentString);
-            document.querySelector("#check").innerHTML += content;
-            console.log(contentObj);
-        }
-    }
-}
-async function confirmOrder() {
-    for (const iterator of orderArray) {
-        await fetch("http://localhost:8100", {
-            method: "POST",
-            headers: {
-                "Content-Type": "text/plain"
-            },
-            body: iterator
-        });
-    }
-}
-//# sourceMappingURL=warenkorb.js.map
\ No newline at end of file
diff --git a/Endabgabe/html-warenkorb/warenkorb.js.map b/Endabgabe/html-warenkorb/warenkorb.js.map
deleted file mode 100644
index 6760a39..0000000
--- a/Endabgabe/html-warenkorb/warenkorb.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"warenkorb.js","sourceRoot":"","sources":["warenkorb.ts"],"names":[],"mappings":";AAAA,6CAA6C;AAE/B,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAC/E,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAM5F,IAAI,UAAU,GAAa,EAAE,CAAC;AAC9B,IAAI,WAAW,GAAW,CAAC,CAAC;AAE5B,KAAK,UAAU,UAAU;IACrB,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;QAC5B,IAAI,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE;YACnC,IAAI,OAAO,GAAW,YAAY,CAAC,OAAO,CAAC,GAAG,CAAE,CAAC;YACjD,IAAI,UAAU,GAAmB,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC3D,IAAI,aAAa,GAAW,GAAG,CAAC;YAChC,IAAI,YAAY,GAAW,CAAC,CAAC;YAC7B,IAAI,YAAY,GAAW,CAAC,CAAC;YAE7B,KAAK,MAAM,IAAI,IAAI,UAAU;gBACzB,IAAI,IAAI,CAAC,QAAQ,IAAI,WAAW;oBAC5B,aAAa,IAAI,aAAa,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC;YACtE,KAAK,MAAM,IAAI,IAAI,UAAU;gBACzB,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;oBAC5B,aAAa,IAAI,WAAW,YAAY,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC;oBAC3E,YAAY,EAAE,CAAC;iBAClB;YACL,KAAK,MAAM,IAAI,IAAI,UAAU;gBACzB,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;oBAC5B,aAAa,IAAI,WAAW,YAAY,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC;oBAC3E,YAAY,EAAE,CAAC;iBAClB;YAEL,aAAa,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,CAAE,GAAG,GAAG,CAAC;YACxE,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;YACrC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAEjB,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC,SAAS,IAAI,OAAO,CAAE;YACtE,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;SAC3B;KACJ;AACL,CAAC;AAED,KAAK,UAAU,YAAY;IACvB,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;QAC/B,MAAM,KAAK,CAAC,uBAAuB,EAAE;YACjC,MAAM,EAAE,MAAM;YACd,OAAO,EAAE;gBACL,cAAc,EAAE,YAAY;aAC/B;YACD,IAAI,EAAE,QAAQ;SACjB,CAAC,CAAC;KACN;AACL,CAAC"}
\ No newline at end of file
diff --git a/Endabgabe/html-warenkorb/warenkorb.ts b/Endabgabe/html-warenkorb/warenkorb.ts
deleted file mode 100644
index a17fb72..0000000
--- a/Endabgabe/html-warenkorb/warenkorb.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-//var lastname = localStorage.getItem("key");
-
-(<HTMLElement>document.querySelector("#confirmOrder")).addEventListener("click", printOrder);
-(<HTMLElement>document.querySelector("#sendOrder")).addEventListener("click", confirmOrder);
-
-interface LocalProduct {
-    [type: string]: string | number; //| string[] | undefined;
-}
-
-let orderArray: string[] = [];
-let orderNumber: number = 0;
-
-async function printOrder(): Promise<void> {
-    for (const key in localStorage) {
-        if (localStorage.getItem(key) != null) {
-            let content: string = localStorage.getItem(key)!;
-            let contentObj: LocalProduct[] = await JSON.parse(content);
-            let contentString: string = "{";
-            let countFlavour: number = 1;
-            let countTopping: number = 1;
-
-            for (const keys of contentObj)              
-                if (keys.category == "container")
-                    contentString += `"container"` + ":" + `"${keys.name}"` + ",";
-            for (const keys of contentObj)     
-                if (keys.category == "flavour") {
-                    contentString += `"flavour${countFlavour}"` + ":" + `"${keys.name}"` + ",";
-                    countFlavour++;
-                }
-            for (const keys of contentObj)
-                if (keys.category == "topping") {
-                    contentString += `"topping${countTopping}"` + ":" + `"${keys.name}"` + ",";
-                    countTopping++;
-                }
-
-            contentString = contentString.slice(0, contentString.length - 1 ) + "}";
-            console.log("string", contentString);
-            orderArray.push(contentString);
-
-            (<HTMLElement>document.querySelector("#check")).innerHTML += content ;
-            console.log(contentObj);
-        }
-    }
-}
-
-async function confirmOrder(): Promise<void> {
-    for (const iterator of orderArray) {
-        await fetch("http://localhost:8100", {
-            method: "POST",
-            headers: {
-                "Content-Type": "text/plain"
-            },
-            body: iterator
-        }); 
-    }
-}
\ No newline at end of file
diff --git a/Endabgabe/index.css b/Endabgabe/index.css
index 169c757..fcb06e5 100644
--- a/Endabgabe/index.css
+++ b/Endabgabe/index.css
@@ -1,9 +1,145 @@
 @media screen and (min-width: 0px) {
-    @import url("html-index/index-01-phone.css");
+
+    /* Die Seite ist auf Mindestbreite von 333px ausgelegt */
+
+    body {
+        font-size: 20px;
+        margin: 0px;
+        height: 100%;
+        width: 100%;
+        /*background-image: url(images/sunrise-1014712_1920.jpg);
+        background-position: 50% 10%;
+        background-repeat: no-repeat;
+        background-size: cover;*/
+    }
+
+    main {
+        padding: 0px 10px;
+    }
+
+    .top-nav {
+        color: white;
+        background-color: black;
+        display: grid;
+        grid-template-columns: 70% 25%;
+        grid-column-gap: 5%;
+        text-align: center;
+        height: 10vh;
+    }
+    .top-nav a {
+        font-size: 40px;
+        text-decoration: none;
+        color: white;
+    }
+    .top-nav #warenkorb {
+        font-size: 30px;
+        position: relative;
+        right: 10px;
+    }   
+    .top-nav #logo, #warenkorb {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        align-content: center;
+        justify-content: center;
+    }
+    .top-nav img {
+        height: 60px;
+        width: 220px;
+    }
+
+    .bottom-nav {
+        background-color: hsla(0, 0%, 0%, 0%);
+        text-align: center;
+    }
+    .bottom-nav ul {
+        list-style: none;
+        margin: 0px;
+        padding: 5px;
+    }
+    .bottom-nav ul li {
+        background-color: rgb(0, 102, 255);
+        margin: 10px 0px;
+        border: solid rgb(0, 25, 136) 2px;
+        
+        border-radius: 10px;
+    }
+    .bottom-nav ul a {
+        text-decoration: none;
+        color: white;
+    }
+
+    footer div {
+        margin-top: 200px;
+        background-color: rgb(43, 43, 43);
+        color: white;
+        text-align: center;
+        font-size: 1em;
+        height: 200px;
+        width: 100%;
+        position: relative;
+        bottom: 0px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+    }
+    
 }
 @media screen and (min-width: 601px) {
-    @import url("html-index/index-02-tablet.css");
+    body {
+        font-size: 40px;
+    }
+
+    div.top-nav {
+        height: 120px;
+    }
+
+    .top-nav #warenkorb {
+        font-size: 70px;
+    }   
+    .top-nav img {
+        height: 100px;
+        width: 380px;
+    }
+
 }
 @media screen and (min-width: 1025px) {
-    @import url("html-index/index-03-desktop.css");
+    body {
+    font-size: 40px;
+    }
+
+    .top-nav #warenkorb a:hover {
+        color:rgb(0, 102, 255);
+    }   
+    div.top-nav {
+        height: 150px;
+    }
+    .top-nav img {
+        height: 120px;
+        width: 460px;
+    }
+
+    .bottom-nav {
+        background-color: rgb(0, 102, 255);
+    }
+    .bottom-nav ul {
+        font-size: 30px;
+        list-style: none;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-evenly;
+        margin: 0px;
+        padding: 0px;
+    }
+    .bottom-nav ul li {
+        border: none;
+    }
+    .bottom-nav ul a {
+        text-decoration: none;
+        color: white;
+    }
+    .bottom-nav ul a:hover {
+        color: black;
+    }
 }
\ No newline at end of file
diff --git a/Endabgabe/index.html b/Endabgabe/index.html
index 70f7b9c..0457fba 100644
--- a/Endabgabe/index.html
+++ b/Endabgabe/index.html
@@ -3,43 +3,39 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" media="screen and (min-width: 0px)" href="html-index/main-page-01-phone.css">
-    <link rel="stylesheet" media="screen and (min-width: 601px)" href="html-index/main-page-02-tablet.css">
-    <link rel="stylesheet" media="screen and (min-width: 1025px)" href="html-index/main-page-03-desktop.css">
-    <script src='https://kit.fontawesome.com/a076d05399.js'></script>
+    <link rel="stylesheet" media="screen and (min-width: 0px)" href="html-landing-page/landing-page-01-phone.css">
+    <link rel="stylesheet" media="screen and (min-width: 601px)" href="html-landing-page/landing-page-02-tablet.css">
+    <link rel="stylesheet" media="screen and (min-width: 1025px)" href="html-landing-page/landing-page-03-desktop.css">
+    <link rel="stylesheet" href="index.css">
+    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin="anonymous" SameSite="Secure"></script>
+    <script src="script-frontend/index.js" defer></script>
     <title>Eisdile Olé</title>
 </head>
 <body>
     <header>
         <div class="top-nav">
             <div id="logo">
-                <a href="#"><img src="html-index/images/nice-ice-logo.png" alt=""></a>
+                <a href="#"><img src="html-landing-page/images/nice-ice-logo.png" alt=""></a>
             </div>
             <div id="warenkorb">
-                <a href="#"><i class='fas fa-shopping-cart'></i>&nbsp;<span>0</span></a>
+                <a href="html-warenkorb\warenkorb.html"><i class='fas fa-shopping-cart'></i>&nbsp;<span>0</span></a>
             </div>
         </div>
     </header>
     <nav>
         <div class="bottom-nav"> 
             <ul>
-                <li><a href="#">Administrator</a></li>
-                <li><a href="#">About us</a></li>
-                <li><a href="#">Kontakt</a></li>
+                <a href="html-admin/admin.html"><li>Administrator</li></a>
+                <a href="html-memes/memes.html"><li>Über uns</li></a>
             </ul>
         </div>
     </nav>
     <main>
         <div class="bestellbox">
-            <span> Was darf's sein? </span> 
-            <a id="box-togo" href="html-shop/shop.html">Ice to go</a>
-            <a id="box-tostay" href="#">Gemütlich zum Tisch</a>
+            <span> Eis gefällig? </span> 
+            <a id="box-togo" href="html-shop/shop.html">Na klar!</a>
+            <!--<a id="box-tostay" href="#">Gemütlich zum Tisch</a>-->
         </div>
     </main>
-    <footer>
-        <div>
-            <!--Disclaimer-->
-        </div>
-    </footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/Endabgabe/backend/mongo commands.txt b/Endabgabe/script-backend/mongo commands.txt
similarity index 100%
rename from Endabgabe/backend/mongo commands.txt
rename to Endabgabe/script-backend/mongo commands.txt
diff --git a/Endabgabe/backend/useMongo.js b/Endabgabe/script-backend/useMongo.js
similarity index 64%
rename from Endabgabe/backend/useMongo.js
rename to Endabgabe/script-backend/useMongo.js
index 7383ba6..cb68e12 100644
--- a/Endabgabe/backend/useMongo.js
+++ b/Endabgabe/script-backend/useMongo.js
@@ -19,7 +19,8 @@ var handleMongo;
         let options = { useNewUrlParser: true, useUnifiedTopology: true };
         let mongoClient = new Mongo.MongoClient(dbUrl, options);
         await mongoClient.connect();
-        productsCollection = mongoClient.db("NiceIce").collection("Orders");
+        productsCollection = mongoClient.db("NiceIce").collection("Products");
+        ordersCollection = mongoClient.db("NiceIce").collection("Orders");
         console.log("Database connection: ", productsCollection != undefined);
     }
     handleMongo.connectDB = connectDB;
@@ -32,64 +33,63 @@ var handleMongo;
     handleMongo.connectCollection = connectCollection;
     function insertEntry(_collection, _order) {
         connectCollection(_collection);
+        console.log("_order", _order);
         currentCollection.insertOne(_order);
     }
     handleMongo.insertEntry = insertEntry;
     async function insertObject(_collection, _order) {
         debugger;
         connectCollection(_collection);
-        /*for (const key in _order[0]) {
-            key.split("_id");
-        }
-        delete _order[0]._id;
-        delete _order[1]._id;*/
         console.log("this _collection: ", _order);
         //let replacement: ProduktObj[] = JSON.parse(JSON.stringify(_order).split("_id").join("old_id"));
         await currentCollection.insert(_order[0]);
         await currentCollection.insert(_order[1]);
         console.log("_collection: ", _order);
-        /*for (const iterator of _order) {
-            console.log(iterator);
-            //let insertion: string = JSON.stringify(iterator).replace("[", "").replace("]", "");
-            let replacement: ProduktObj[] = JSON.parse(JSON.stringify(iterator).split("_id").join("old_id"));
-            //let replacement: ProduktObj[] = JSON.parse(insertion.split("_id").join("old_id"));
-            await currentCollection.insert(replacement[0]);
-            console.log("replacement[0]", replacement[0]);
-        }*/
     }
     handleMongo.insertObject = insertObject;
     async function removeEntry(_collection, _entry) {
         connectCollection(_collection);
-        let id = _entry._id;
-        let objID = new Mongo.ObjectID(id);
-        await currentCollection.deleteOne({ "_id": objID });
+        if (!(_entry.id == undefined)) {
+            let id = _entry._id;
+            let objID = new Mongo.ObjectID(id);
+            await currentCollection.deleteOne({ "_id": objID });
+        }
+        else {
+            await currentCollection.deleteMany({ "Nr": _entry.Nr });
+        }
     }
     handleMongo.removeEntry = removeEntry;
+    async function countEntries(_collection) {
+        connectCollection(_collection);
+        let entryCount = await currentCollection.count({});
+        return entryCount;
+    }
+    handleMongo.countEntries = countEntries;
     async function findCollection(_collection) {
         connectCollection(_collection);
-        //await currentCollection.dropIndexes("category");
-        //await currentCollection.createIndex( { category: 1});
         let foundCollection = await currentCollection.find().sort({ category: 1 }).toArray();
         return foundCollection;
     }
     handleMongo.findCollection = findCollection;
-    /*
-    async function findManyData(_order: Personalien): Promise<string> {
-    let test: Mongo.Cursor = content.find(_order);
-    let testArray: Personalien[] = await test.toArray();
-    console.log( testArray );
-    return testArray.toString();
+    async function findEntry(_collection, _entry) {
+        connectCollection(_collection);
+        let id = _entry._id;
+        let objID = new Mongo.ObjectID(id);
+        let foundEntry = await currentCollection.findOne({ _id: objID });
+        return foundEntry;
     }
-
-    async function findOneData(_order: Personalien): Promise<void> {
-    let test2: any = await content.findOne(_order);
-    console.log("findOneData: ", test2);
-    //console.log(test2.name);
+    handleMongo.findEntry = findEntry;
+    async function updateEntry(_collection, _entry) {
+        connectCollection(_collection);
+        let id = _entry._id;
+        let objID = new Mongo.ObjectID(id);
+        delete _entry._id;
+        console.log("entry", _entry);
+        if (_entry.orderCount != undefined)
+            currentCollection.updateOne({ _id: objID }, { $set: { orderCount: _entry.orderCount } });
+        else
+            currentCollection.updateOne({ _id: objID }, { $set: _entry });
     }
-
-    function removeData(_order: Personalien): void {
-    content.remove(_order);
-    }
-    */
+    handleMongo.updateEntry = updateEntry;
 })(handleMongo = exports.handleMongo || (exports.handleMongo = {}));
 //# sourceMappingURL=useMongo.js.map
\ No newline at end of file
diff --git a/Endabgabe/script-backend/useMongo.js.map b/Endabgabe/script-backend/useMongo.js.map
new file mode 100644
index 0000000..e4ed90c
--- /dev/null
+++ b/Endabgabe/script-backend/useMongo.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"useMongo.js","sourceRoot":"","sources":["useMongo.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/Endabgabe/backend/useMongo.ts b/Endabgabe/script-backend/useMongo.ts
similarity index 64%
rename from Endabgabe/backend/useMongo.ts
rename to Endabgabe/script-backend/useMongo.ts
index 2ac3e6e..bc66b41 100644
--- a/Endabgabe/backend/useMongo.ts
+++ b/Endabgabe/script-backend/useMongo.ts
@@ -23,7 +23,8 @@ export namespace handleMongo {
         let options: Mongo.MongoClientOptions = { useNewUrlParser: true, useUnifiedTopology: true };
         let mongoClient: Mongo.MongoClient = new Mongo.MongoClient(dbUrl, options);
         await mongoClient.connect();
-        productsCollection = mongoClient.db("NiceIce").collection("Orders");
+        productsCollection = mongoClient.db("NiceIce").collection("Products");
+        ordersCollection = mongoClient.db("NiceIce").collection("Orders");
         console.log("Database connection: ", productsCollection != undefined);
     }
 
@@ -36,66 +37,62 @@ export namespace handleMongo {
 
     export function insertEntry(_collection: string, _order: ProduktObj): void {
         connectCollection(_collection);
+        console.log("_order", _order);
         currentCollection.insertOne(_order);
     }
 
     export async function insertObject(_collection: string, _order: ProduktObj[]): Promise<void> {
         debugger;
         connectCollection(_collection);
-
-        /*for (const key in _order[0]) {
-            key.split("_id");
-        }
-        delete _order[0]._id;
-        delete _order[1]._id;*/
         console.log("this _collection: ", _order);
         //let replacement: ProduktObj[] = JSON.parse(JSON.stringify(_order).split("_id").join("old_id"));
         await currentCollection.insert(_order[0]);
         await currentCollection.insert(_order[1]);
-
         console.log("_collection: ", _order);
-        /*for (const iterator of _order) {
-            console.log(iterator);
-            //let insertion: string = JSON.stringify(iterator).replace("[", "").replace("]", "");
-            let replacement: ProduktObj[] = JSON.parse(JSON.stringify(iterator).split("_id").join("old_id"));
-            //let replacement: ProduktObj[] = JSON.parse(insertion.split("_id").join("old_id"));
-            await currentCollection.insert(replacement[0]);
-            console.log("replacement[0]", replacement[0]);
-        }*/
     }
 
     export async function removeEntry(_collection: string, _entry: ProduktObj): Promise<void> {
         connectCollection(_collection);
-        let id: string = <string>_entry._id;
-        let objID: Mongo.ObjectID = new Mongo.ObjectID(id);
-        await currentCollection.deleteOne({ "_id": objID });
+        if (!(_entry.id == undefined)) {
+            let id: string = <string>_entry._id;
+            let objID: Mongo.ObjectID = new Mongo.ObjectID(id);
+            await currentCollection.deleteOne({ "_id": objID });
+        }
+        else {
+            await currentCollection.deleteMany({ "Nr": _entry.Nr});
+        }  
+    }
+
+    export async function countEntries(_collection: string): Promise<number> {
+        connectCollection(_collection);
+        let entryCount: number = await currentCollection.count({});
+        return entryCount;
     }
 
     export async function findCollection(_collection: string): Promise<ProduktObj[]> {
         connectCollection(_collection);
-        //await currentCollection.dropIndexes("category");
-        //await currentCollection.createIndex( { category: 1});
         let foundCollection: ProduktObj[] = await currentCollection.find().sort({ category: 1 }).toArray();
         return foundCollection;
     }
 
-    /*
-    async function findManyData(_order: Personalien): Promise<string> {
-    let test: Mongo.Cursor = content.find(_order);
-    let testArray: Personalien[] = await test.toArray();
-    console.log( testArray );
-    return testArray.toString();
+    export async function findEntry(_collection: string, _entry: ProduktObj): Promise<ProduktObj> {
+        connectCollection(_collection);
+        let id: string = <string>_entry._id;
+        let objID: Mongo.ObjectID = new Mongo.ObjectID(id);
+        let foundEntry: ProduktObj = await currentCollection.findOne({_id: objID})!;
+        return foundEntry;
     }
 
-    async function findOneData(_order: Personalien): Promise<void> {
-    let test2: any = await content.findOne(_order);
-    console.log("findOneData: ", test2);
-    //console.log(test2.name);
+    export async function updateEntry(_collection: string, _entry: ProduktObj): Promise<void> {
+        connectCollection(_collection);
+        let id: string = <string>_entry._id;
+        let objID: Mongo.ObjectID = new Mongo.ObjectID(id);
+        delete _entry._id;
+        console.log("entry", _entry);
+        if (_entry.orderCount != undefined)
+            currentCollection.updateOne({_id: objID}, {$set: {orderCount: (<number>_entry.orderCount)}});
+        else
+            currentCollection.updateOne({_id: objID}, {$set: _entry});
     }
 
-    function removeData(_order: Personalien): void {
-    content.remove(_order);
-    }
-    */
-
 }
\ No newline at end of file
diff --git a/Endabgabe/backend/useServer.js b/Endabgabe/script-backend/useServer.js
similarity index 71%
rename from Endabgabe/backend/useServer.js
rename to Endabgabe/script-backend/useServer.js
index e055263..bd8f547 100644
--- a/Endabgabe/backend/useServer.js
+++ b/Endabgabe/script-backend/useServer.js
@@ -4,7 +4,9 @@ exports.ServerSide = void 0;
 const Http = require("http");
 const url = require("url");
 const useMongo_1 = require("./useMongo");
-//import {testThis } from "mongo.js";
+//mongodb + srv://AdminForUse:XV8MXEdBYuwXtQnc@ichstudieremitgis-jfrz9.mongodb.net/IchStudiereMitGiS?retryWrites=true&w=majority
+//http://localhost:8100
+//https://theoneandgis.herokuapp.com
 var ServerSide;
 (function (ServerSide) {
     console.log("Starting server");
@@ -22,9 +24,11 @@ var ServerSide;
         console.log("Your server Listening");
     }
     async function handleRequest(_request, _response) {
-        console.log("https://theoneandgis.herokuapp.com" + `${_request.url}`);
+        console.log("http://web-url" + `${_request.url}`); // Hier müsste ggf. auch zu Heruko gewechselt werden, wenn es von Bedeutung ist
         let myData = url.parse(`${_request.url}`, true);
         let myQuery = myData.query;
+        console.log("myQuery", myQuery);
+        let myQueryObject = myQuery;
         let myQueryString = JSON.stringify(myQuery);
         let responseUrlString = _request.url;
         //let splitString: string = (<string>_request.url).slice(0, 9);
@@ -46,46 +50,59 @@ var ServerSide;
             });
         }
         else {
-            await handleAction(_request, _response, myQueryString, responseUrlString, {});
+            await handleAction(_request, _response, myQueryString, responseUrlString, myQueryObject);
+            _response.end();
         }
-        _response.end();
     }
     async function handleAction(_request, _response, _myQueryString, _responseUrlString, _orderObj) {
         console.log("handleAction", _orderObj);
-        let whichCollection = "products";
+        let whichCollection = "";
         if (_responseUrlString.includes("/products")) {
             whichCollection = "products";
         }
         if (_responseUrlString.includes("/orders")) {
-            whichCollection = "products";
+            whichCollection = "orders";
         }
         if (_responseUrlString.includes("/mongo")) {
             await mongoAction(_response, _myQueryString, whichCollection, _responseUrlString, _orderObj);
         }
+        console.log("end");
+        _response.end();
     }
     async function mongoAction(_response, _query, _whichCollection, _command, _orderObj) {
         let myJsonObj = JSON.parse(_query);
         console.log("mongoAction", _orderObj);
         if (_command.includes("/findCollection")) {
             let value = await useMongo_1.handleMongo.findCollection(_whichCollection);
-            let handlThis = JSON.stringify(value);
-            _response.write(handlThis);
+            let handleThis = JSON.stringify(value);
+            console.log("handleThis", handleThis);
+            _response.write(handleThis);
         }
         if (_command.includes("/findEntry")) {
-            console.log("/findEntry");
+            let foundEntry = await useMongo_1.handleMongo.findEntry(_whichCollection, _orderObj);
+            console.log("foundEntry", foundEntry);
+            _response.write(JSON.stringify(foundEntry));
+        }
+        if (_command.includes("/updateEntry")) {
+            useMongo_1.handleMongo.updateEntry(_whichCollection, _orderObj);
+            _response.write(_query); // technically no response
         }
         /*if (_command.includes("/insertObject")) {
             await useMongo.insertObject(_whichCollection, _orderObj);
             //_response.write(_query); // technically no response
         }*/
         if (_command.includes("/insertEntry")) {
-            useMongo_1.handleMongo.insertEntry(_whichCollection, myJsonObj);
+            useMongo_1.handleMongo.insertEntry(_whichCollection, _orderObj); //myJsonObj
             _response.write(_query); // technically no response
         }
         if (_command.includes("/removeEntry")) {
             await useMongo_1.handleMongo.removeEntry(_whichCollection, myJsonObj);
             _response.write(`{"":""}`); // technically no response
         }
+        if (_command.includes("/countEntries")) {
+            let countNumber = await useMongo_1.handleMongo.countEntries(_whichCollection);
+            _response.write(`{"orderID":"${countNumber}"}`);
+        }
     }
 })(ServerSide = exports.ServerSide || (exports.ServerSide = {}));
 //# sourceMappingURL=useServer.js.map
\ No newline at end of file
diff --git a/Endabgabe/script-backend/useServer.js.map b/Endabgabe/script-backend/useServer.js.map
new file mode 100644
index 0000000..4e60a60
--- /dev/null
+++ b/Endabgabe/script-backend/useServer.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"useServer.js","sourceRoot":"","sources":["useServer.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/Endabgabe/backend/useServer.ts b/Endabgabe/script-backend/useServer.ts
similarity index 71%
rename from Endabgabe/backend/useServer.ts
rename to Endabgabe/script-backend/useServer.ts
index b18e4f8..d071059 100644
--- a/Endabgabe/backend/useServer.ts
+++ b/Endabgabe/script-backend/useServer.ts
@@ -3,7 +3,9 @@ import * as url from "url";
 import { ParsedUrlQuery } from "querystring";
 import { handleMongo as useMongo } from "./useMongo";
 
-//import {testThis } from "mongo.js";
+//mongodb + srv://AdminForUse:XV8MXEdBYuwXtQnc@ichstudieremitgis-jfrz9.mongodb.net/IchStudiereMitGiS?retryWrites=true&w=majority
+//http://localhost:8100
+//https://theoneandgis.herokuapp.com
 
 export namespace ServerSide {
 
@@ -26,10 +28,12 @@ export namespace ServerSide {
     }
 
     async function handleRequest(_request: Http.IncomingMessage, _response: Http.ServerResponse): Promise<void> {
-        console.log("https://theoneandgis.herokuapp.com" + `${_request.url}`);
+        console.log("http://web-url" + `${_request.url}`); // Hier müsste ggf. auch zu Heruko gewechselt werden, wenn es von Bedeutung ist
 
         let myData: url.UrlWithParsedQuery = url.parse(`${_request.url}`, true);
         let myQuery: ParsedUrlQuery = myData.query;
+        console.log("myQuery", myQuery);
+        let myQueryObject: useMongo.ProduktObj = myQuery;
         let myQueryString: string = JSON.stringify(myQuery);
         let responseUrlString: string = <string>_request.url;
         //let splitString: string = (<string>_request.url).slice(0, 9);
@@ -52,25 +56,26 @@ export namespace ServerSide {
             });
         }
         else {
-            await handleAction(_request, _response, myQueryString, responseUrlString, {});
+            await handleAction(_request, _response, myQueryString, responseUrlString, myQueryObject);
+            _response.end();
         }       
-
-        _response.end();
     }
 
     async function handleAction(_request: Http.IncomingMessage, _response: Http.ServerResponse, _myQueryString: string, _responseUrlString: string, _orderObj: useMongo.ProduktObj): Promise<void> {
         console.log("handleAction", _orderObj);
-        let whichCollection: string = "products";
+        let whichCollection: string = "";
         if ( _responseUrlString.includes("/products") ) {
             whichCollection = "products";
         }
         if (_responseUrlString.includes("/orders")) {
-            whichCollection = "products";
+            whichCollection = "orders";
         }
         
         if ( _responseUrlString.includes("/mongo") ) {
             await mongoAction(_response, _myQueryString, whichCollection, _responseUrlString, _orderObj);
         }
+        console.log("end");
+        _response.end();
     }
 
     async function mongoAction(_response: Http.ServerResponse, _query: string, _whichCollection: string, _command: string, _orderObj: useMongo.ProduktObj): Promise<void> {
@@ -79,24 +84,35 @@ export namespace ServerSide {
         
         if (_command.includes("/findCollection")) {
             let value: useMongo.ProduktObj[] = await useMongo.findCollection(_whichCollection);
-            let handlThis: string = JSON.stringify(value);
-            _response.write(handlThis);
+            let handleThis: string = JSON.stringify(value);
+            console.log("handleThis", handleThis);
+            _response.write(handleThis);
         }
         if (_command.includes("/findEntry")) {
-            console.log("/findEntry");
+            let foundEntry: useMongo.ProduktObj = await useMongo.findEntry(_whichCollection, _orderObj);
+            console.log("foundEntry", foundEntry);
+            _response.write(JSON.stringify(foundEntry));
+        }
+        if (_command.includes("/updateEntry")) {
+            useMongo.updateEntry(_whichCollection, _orderObj);
+            _response.write(_query); // technically no response
         }
         /*if (_command.includes("/insertObject")) {
             await useMongo.insertObject(_whichCollection, _orderObj);
             //_response.write(_query); // technically no response
         }*/
         if (_command.includes("/insertEntry")) {
-            useMongo.insertEntry( _whichCollection, myJsonObj);
+            useMongo.insertEntry(_whichCollection, _orderObj); //myJsonObj
             _response.write(_query); // technically no response
         }
         if (_command.includes("/removeEntry")) {
             await useMongo.removeEntry(_whichCollection, myJsonObj);
             _response.write(`{"":""}`); // technically no response
         }
+        if (_command.includes("/countEntries")) {
+            let countNumber: number = await useMongo.countEntries(_whichCollection);
+            _response.write(`{"orderID":"${countNumber}"}`);
+        }
     }
 
 }
diff --git a/Endabgabe/script-frontend/admin.js b/Endabgabe/script-frontend/admin.js
new file mode 100644
index 0000000..ea8a32a
--- /dev/null
+++ b/Endabgabe/script-frontend/admin.js
@@ -0,0 +1,190 @@
+"use strict";
+var frontShop;
+(function (frontShop) {
+    let serverUrl = "https://theoneandgis.herokuapp.com";
+    init();
+    async function init() {
+        await getOrderList();
+        addListening();
+        fixCartCount();
+    }
+    async function getOrderList() {
+        let url = serverUrl + "/mongo/orders/findCollection" + "?";
+        let response = await fetch(url);
+        let jsonResponse = await response.json();
+        let previousNr = -1;
+        //(<HTMLDivElement>document.querySelector("#tableDiv")).innerHTML = JSON.stringify(jsonResponse);
+        for (const iterator of jsonResponse) {
+            if (iterator.orderCount != undefined)
+                continue;
+            let table = document.createElement("table");
+            if (previousNr != iterator.Nr) {
+                let button = document.createElement("button");
+                button.setAttribute("content", `${iterator.Nr}`);
+                button.classList.add("removeButton");
+                button.innerHTML = `Bestellung Nr. ${iterator.Nr} entfernen`;
+                document.querySelector("#tableDiv").append(button);
+                previousNr = iterator.Nr;
+            }
+            if (!(iterator.vorname == undefined)) {
+                table.innerHTML = `
+                    <tr>
+                        <th>Bestellung</th>
+                        <td>Nr. ${iterator.Nr}</td>
+                    <tr>
+                    <tr>
+                        <th>Preis</th>
+                        <td>${iterator.orderPrice} €</td>
+                    </tr>
+                        <th>Name</th>
+                        <td>${iterator.vorname} ${iterator.nachname}</td>
+                    </tr>
+                    <tr>
+                        <th>Straße</th>
+                        <td>${iterator.straße}</td>
+                    </tr>
+                    <tr>
+                        <th>Wohnort</th>
+                        <td>${iterator.postleitzahl}</td>
+                    </tr>
+                `;
+            }
+            else {
+                table.innerHTML += `
+                    <tr>
+                        <th>Bestellung</th>
+                        <td>Nr. ${iterator.Nr}</td>
+                    </tr>
+                    <tr>
+                        <th>Preis</th>
+                        <td>${iterator.productPrice}€</td>
+                    </tr>`;
+                for (const key in iterator) {
+                    switch (key) {
+                        case ("container"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.container}</td></tr>`;
+                            break;
+                        case ("flavour1"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour1}</td></tr>`;
+                            break;
+                        case ("flavour2"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour2}</td></tr>`;
+                            break;
+                        case ("flavour3"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour3}</td></tr>`;
+                            break;
+                        case ("flavour4"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour4}</td></tr>`;
+                            break;
+                        case ("flavour5"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour5}</td></tr>`;
+                            break;
+                        case ("flavour6"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour6}</td></tr>`;
+                            break;
+                        case ("topping1"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.topping1}</td></tr>`;
+                            break;
+                        case ("topping2"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.topping2}</td></tr>`;
+                            break;
+                        case ("topping3"):
+                            table.innerHTML += `<tr><th>${key}</th><td>${iterator.topping3}</td></tr>`;
+                            break;
+                    }
+                }
+            }
+            document.querySelector("#tableDiv").append(table);
+            let div = document.createElement("div");
+            div.classList.add("buttonDiv");
+            div.innerHTML = `
+            <button class="removeOne" content=${JSON.stringify(iterator._id)}>▲ Entfernen ▲</button>
+            <button class="editOne" content=${JSON.stringify(iterator)}>▲ Bearbeiten ▲</button> `;
+            document.querySelector("#tableDiv").append(div);
+        }
+    }
+    function addListening() {
+        let elementList = document.querySelectorAll(".removeOne");
+        for (const iterator of elementList)
+            iterator.addEventListener("click", removeDataID);
+        let elementList2 = document.querySelectorAll(".removeButton");
+        for (const iterator of elementList2)
+            iterator.addEventListener("click", removeDataNR);
+        let elementList3 = document.querySelectorAll(".editOne");
+        for (const iterator of elementList3)
+            iterator.addEventListener("click", editData);
+    }
+    async function removeDataID(_event) {
+        await removeData(_event, "id");
+    }
+    async function removeDataNR(_event) {
+        await removeData(_event, "order");
+    }
+    async function removeData(_event, _parameter) {
+        let target = _event.target;
+        let query = "";
+        if (_parameter == "id")
+            query = `_id=${target.getAttribute("content")}`;
+        else if (_parameter == "order")
+            query = `Nr=${target.getAttribute("content")}`;
+        console.log(query);
+        let url = serverUrl + "/mongo/orders/removeEntry/?" + query;
+        await fetch(url);
+        location.reload();
+    }
+    function editData(_event) {
+        let target = _event.target;
+        let obj = JSON.parse(target.getAttribute("content"));
+        let div = document.createElement("div");
+        div.setAttribute("id", "formDiv");
+        div.innerHTML = `<form id="myForm"></form>`;
+        if (document.querySelector("#myForm") != null)
+            document.querySelector("#tableDiv").removeChild(div);
+        document.querySelector("#tableDiv").append(div);
+        for (const iterator in obj) {
+            let label = document.createElement("label");
+            label.setAttribute("for", iterator);
+            label.innerHTML = `${iterator}`;
+            let input = document.createElement("input");
+            input.setAttribute("type", "text");
+            input.setAttribute("name", `${iterator}`);
+            input.setAttribute("id", `${iterator}`);
+            input.setAttribute("value", obj[iterator]);
+            if (iterator == "_id") {
+                input.setAttribute("readonly", "");
+            }
+            else {
+                input.setAttribute("onfocus", `if(this.value == "${obj[iterator]}") this.value=""`);
+                input.setAttribute("onblur", `if(this.value == "") this.value="${obj[iterator]}"`);
+            }
+            document.querySelector("#myForm").append(label);
+            document.querySelector("#myForm").append(input);
+        }
+        let button = document.createElement("button");
+        button.setAttribute("id", "setAttribute");
+        button.innerHTML = "Bestätigung";
+        button.addEventListener("click", confirmForm);
+        document.querySelector("#myForm").append(button);
+    }
+    async function confirmForm() {
+        let formData = new FormData(document.forms[0]);
+        let url = "";
+        //tslint:disable-next-line: no-any
+        let query = new URLSearchParams(formData);
+        url = serverUrl + "/" + "mongo" + "/" + "orders" + "/" + "updateEntry" + "/" + "?" + query.toString();
+        await fetch(url);
+    }
+    function fixCartCount() {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        document.querySelector("#warenkorb span").innerHTML = `${localStorage.CartCount}`;
+    }
+})(frontShop || (frontShop = {}));
+//# sourceMappingURL=admin.js.map
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/admin.js.map b/Endabgabe/script-frontend/admin.js.map
new file mode 100644
index 0000000..7d0b8da
--- /dev/null
+++ b/Endabgabe/script-frontend/admin.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"admin.js","sourceRoot":"","sources":["admin.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/admin.ts b/Endabgabe/script-frontend/admin.ts
new file mode 100644
index 0000000..284e606
--- /dev/null
+++ b/Endabgabe/script-frontend/admin.ts
@@ -0,0 +1,201 @@
+
+namespace frontShop {
+
+    interface Products {
+        [type: string]: string | number;
+    }
+
+    let serverUrl: string = "https://theoneandgis.herokuapp.com";
+
+    init();
+
+    async function init(): Promise<void> {
+        await getOrderList();
+        addListening();
+        fixCartCount();
+    }
+    async function getOrderList(): Promise<void> {
+        let url: string = serverUrl + "/mongo/orders/findCollection" + "?";
+        let response: Response = await fetch(url);
+        let jsonResponse: Products[] = await response.json();
+        let previousNr: number = -1;
+        //(<HTMLDivElement>document.querySelector("#tableDiv")).innerHTML = JSON.stringify(jsonResponse);
+
+        for (const iterator of jsonResponse) {
+            if (iterator.orderCount != undefined)
+                continue;
+            let table: HTMLTableElement = document.createElement("table");
+
+            if (previousNr != iterator.Nr) {
+                let button: HTMLButtonElement = document.createElement("button");
+                button.setAttribute("content", `${iterator.Nr}`);
+                button.classList.add("removeButton");
+                button.innerHTML = `Bestellung Nr. ${iterator.Nr} entfernen`;
+                (<HTMLDivElement>document.querySelector("#tableDiv")).append(button);
+                previousNr = <number>iterator.Nr;
+            }
+
+
+            if (!(iterator.vorname == undefined)) {
+                table.innerHTML = `
+                    <tr>
+                        <th>Bestellung</th>
+                        <td>Nr. ${iterator.Nr}</td>
+                    <tr>
+                    <tr>
+                        <th>Preis</th>
+                        <td>${iterator.orderPrice} €</td>
+                    </tr>
+                        <th>Name</th>
+                        <td>${iterator.vorname} ${iterator.nachname}</td>
+                    </tr>
+                    <tr>
+                        <th>Straße</th>
+                        <td>${iterator.straße}</td>
+                    </tr>
+                    <tr>
+                        <th>Wohnort</th>
+                        <td>${iterator.postleitzahl}</td>
+                    </tr>
+                `;
+            }
+            else {
+                table.innerHTML += `
+                    <tr>
+                        <th>Bestellung</th>
+                        <td>Nr. ${iterator.Nr}</td>
+                    </tr>
+                    <tr>
+                        <th>Preis</th>
+                        <td>${iterator.productPrice}€</td>
+                    </tr>`;
+                for (const key in iterator) {
+                    switch (key) {
+                        case ("container"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.container}</td></tr>`;
+                                            break;
+                        case ("flavour1"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour1}</td></tr>`;
+                                           break;
+                        case ("flavour2"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour2}</td></tr>`;
+                                           break;
+                        case ("flavour3"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour3}</td></tr>`;
+                                           break;
+                        case ("flavour4"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour4}</td></tr>`;
+                                           break;
+                        case ("flavour5"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour5}</td></tr>`;
+                                           break;
+                        case ("flavour6"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.flavour6}</td></tr>`;
+                                           break;
+                        case ("topping1"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.topping1}</td></tr>`;
+                                           break;
+                        case ("topping2"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.topping2}</td></tr>`;
+                                           break;
+                        case ("topping3"): table.innerHTML += `<tr><th>${key}</th><td>${iterator.topping3}</td></tr>`;
+                                           break;
+                    }
+                }
+                
+            }
+            (<HTMLDivElement>document.querySelector("#tableDiv")).append(table);
+            let div: HTMLDivElement = document.createElement("div");
+            div.classList.add("buttonDiv");
+            div.innerHTML = `
+            <button class="removeOne" content=${JSON.stringify(iterator._id)}>▲ Entfernen ▲</button>
+            <button class="editOne" content=${JSON.stringify(iterator)}>▲ Bearbeiten ▲</button> `;
+            (<HTMLDivElement>document.querySelector("#tableDiv")).append(div);
+        }
+    }
+
+    function addListening(): void {
+        let elementList: NodeListOf<Element> = document.querySelectorAll(".removeOne");
+        for (const iterator of elementList)
+            iterator.addEventListener("click", removeDataID);
+        let elementList2: NodeListOf<Element> = document.querySelectorAll(".removeButton");
+        for (const iterator of elementList2)
+            iterator.addEventListener("click", removeDataNR);
+        let elementList3: NodeListOf<Element> = document.querySelectorAll(".editOne");
+        for (const iterator of elementList3)
+            iterator.addEventListener("click", editData);
+    }
+
+    async function removeDataID(_event: Event): Promise<void> {
+        await removeData(_event, "id");
+    }
+
+    async function removeDataNR(_event: Event): Promise<void> {
+        await removeData(_event, "order");
+    }
+
+    async function removeData(_event: Event, _parameter: string): Promise<void> {
+        let target: HTMLElement = (<HTMLElement>_event.target);
+        let query: string = "";
+        if (_parameter == "id")
+            query = `_id=${target.getAttribute("content")!}`;
+        else if (_parameter == "order")
+            query = `Nr=${target.getAttribute("content")!}`;
+        console.log(query);
+        let url: string = serverUrl + "/mongo/orders/removeEntry/?" + query;
+        await fetch(url);
+        location.reload();
+    }  
+
+    function editData(_event: Event): void {
+        
+        let target: HTMLElement = (<HTMLElement>_event.target);
+        let obj: Products = JSON.parse(target.getAttribute("content")!);
+        let div: HTMLDivElement = document.createElement("div");
+        div.setAttribute("id", "formDiv");
+        div.innerHTML = `<form id="myForm"></form>`;
+        if ((<HTMLFormElement>document.querySelector("#myForm")) != null)
+            (<HTMLDivElement>document.querySelector("#tableDiv")).removeChild(div); 
+        (<HTMLDivElement>document.querySelector("#tableDiv")).append(div);
+        for (const iterator in obj) {
+            let label: HTMLLabelElement = document.createElement("label");
+            label.setAttribute("for", iterator);
+            label.innerHTML = `${iterator}`;
+            let input: HTMLInputElement = document.createElement("input"); 
+            input.setAttribute("type", "text");
+            input.setAttribute("name", `${iterator}`);
+            input.setAttribute("id", `${iterator}`);
+            input.setAttribute("value", <string>obj[iterator]);
+            
+            if (iterator == "_id") {
+                input.setAttribute("readonly", "");
+            }
+            else {
+                input.setAttribute("onfocus", `if(this.value == "${<string>obj[iterator]}") this.value=""`);
+                input.setAttribute("onblur", `if(this.value == "") this.value="${<string>obj[iterator]}"`);
+            }
+            
+            (<HTMLLabelElement>document.querySelector("#myForm")).append(label);
+            (<HTMLInputElement>document.querySelector("#myForm")).append(input);
+        }
+        let button: HTMLButtonElement = document.createElement("button");
+        button.setAttribute("id", "setAttribute");
+        button.innerHTML = "Bestätigung";
+        button.addEventListener("click", confirmForm);
+        (<HTMLInputElement>document.querySelector("#myForm")).append(button);
+    }
+
+    async function confirmForm(): Promise<void> {
+        let formData: FormData = new FormData(document.forms[0]);
+        let url: string = "";
+        //tslint:disable-next-line: no-any
+        let query: URLSearchParams = new URLSearchParams(<any>formData);
+        url = serverUrl + "/" + "mongo" + "/" + "orders" + "/" + "updateEntry" + "/" + "?" + query.toString();
+        await fetch(url);
+    }
+
+    function fixCartCount(): void {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count: number = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        (<HTMLElement>document.querySelector("#warenkorb span")).innerHTML = `${localStorage.CartCount}`;
+    }
+
+}
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/index.js b/Endabgabe/script-frontend/index.js
new file mode 100644
index 0000000..38e008d
--- /dev/null
+++ b/Endabgabe/script-frontend/index.js
@@ -0,0 +1,18 @@
+"use strict";
+var frontShop;
+(function (frontShop) {
+    fixCartCount();
+    function fixCartCount() {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        document.querySelector("#warenkorb span").innerHTML = `${localStorage.CartCount}`;
+    }
+})(frontShop || (frontShop = {}));
+//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/index.js.map b/Endabgabe/script-frontend/index.js.map
new file mode 100644
index 0000000..3ab8176
--- /dev/null
+++ b/Endabgabe/script-frontend/index.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";AACA,IAAU,SAAS,CAiBlB;AAjBD,WAAU,SAAS;IAEf,YAAY,EAAE,CAAC;IAEf,SAAS,YAAY;QACjB,IAAI,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS;YACtC,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QACzC,IAAI,KAAK,GAAW,CAAC,CAAC;QACtB,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;YAC5B,IAAI,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC7B,KAAK,EAAE,CAAC;aACX;SACJ;QACD,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;QAChC,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAE,CAAC,SAAS,GAAG,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC;IACrG,CAAC;AAEL,CAAC,EAjBS,SAAS,KAAT,SAAS,QAiBlB"}
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/index.ts b/Endabgabe/script-frontend/index.ts
new file mode 100644
index 0000000..e8e69d7
--- /dev/null
+++ b/Endabgabe/script-frontend/index.ts
@@ -0,0 +1,19 @@
+
+namespace frontShop {
+
+    fixCartCount();
+
+    function fixCartCount(): void {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count: number = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        (<HTMLElement>document.querySelector("#warenkorb span")).innerHTML = `${localStorage.CartCount}`;
+    }
+
+}
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/memes.js b/Endabgabe/script-frontend/memes.js
new file mode 100644
index 0000000..27815a5
--- /dev/null
+++ b/Endabgabe/script-frontend/memes.js
@@ -0,0 +1,26 @@
+"use strict";
+// Konzept-Idee: https://www.w3schools.com/howto/howto_js_slideshow_gallery.asp
+let pictureNames = ["GiSBeLike.png", "ItWasAllAMystery.png", "JsTs.png", "LearningTsBeLike.png"];
+document.querySelector("#buttonLeft").addEventListener("click", previousImage);
+document.querySelector("#buttonRight").addEventListener("click", nextImage);
+function nextImage() {
+    changeImage(1);
+}
+function previousImage() {
+    changeImage(-1);
+}
+function changeImage(_vorzeichen) {
+    for (const iterator of pictureNames) {
+        let currentImage = document.querySelector("#imageBox img").getAttribute("src");
+        if (iterator == currentImage) {
+            if (pictureNames.indexOf(iterator) == pictureNames.length - 1 && _vorzeichen == +1)
+                document.querySelector("#imageBox img").setAttribute("src", `images/${pictureNames[0]}`);
+            else if (pictureNames.indexOf(iterator) == 0 && _vorzeichen == -1)
+                document.querySelector("#imageBox img").setAttribute("src", `images/${pictureNames[pictureNames.length - 1]}`);
+            else
+                document.querySelector("#imageBox img").setAttribute("src", `images/${pictureNames[pictureNames.indexOf(iterator) + _vorzeichen]}`);
+            break;
+        }
+    }
+}
+//# sourceMappingURL=memes.js.map
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/memes.js.map b/Endabgabe/script-frontend/memes.js.map
new file mode 100644
index 0000000..833b4c4
--- /dev/null
+++ b/Endabgabe/script-frontend/memes.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"memes.js","sourceRoot":"","sources":["memes.ts"],"names":[],"mappings":";AAAA,+EAA+E;AAE/E,IAAI,YAAY,GAAa,CAAC,eAAe,EAAE,sBAAsB,EAAE,UAAU,EAAE,sBAAsB,CAAC,CAAC;AAE3G,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAChF,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAE7E,SAAS,SAAS;IACd,WAAW,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC;AACD,SAAS,aAAa;IAClB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AACpB,CAAC;AAED,SAAS,WAAW,CAAC,WAAmB;IACpC,KAAK,MAAM,QAAQ,IAAI,YAAY,EAAE;QACjC,IAAI,YAAY,GAAoB,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC,YAAY,CAAC,KAAK,CAAE,CAAC;QAClG,IAAI,QAAQ,IAAI,YAAY,EAAE;YAC1B,IAAI,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,IAAI,CAAC,CAAC;gBAC9E,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;iBACzF,IAAI,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,CAAC;gBAC7D,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;;gBAEhH,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;YACzI,MAAM;SACT;KACJ;AACL,CAAC"}
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/memes.ts b/Endabgabe/script-frontend/memes.ts
new file mode 100644
index 0000000..1c1ee6f
--- /dev/null
+++ b/Endabgabe/script-frontend/memes.ts
@@ -0,0 +1,29 @@
+// Konzept-Idee: https://www.w3schools.com/howto/howto_js_slideshow_gallery.asp
+
+let pictureNames: string[] = ["GiSBeLike.png", "ItWasAllAMystery.png", "JsTs.png", "LearningTsBeLike.png"];
+
+document.querySelector("#buttonLeft")!.addEventListener("click", previousImage);
+document.querySelector("#buttonRight")!.addEventListener("click", nextImage);
+
+function nextImage(): void {
+    changeImage(1);
+}
+function previousImage(): void {
+    changeImage(-1);
+}
+
+function changeImage(_vorzeichen: number): void {
+    for (const iterator of pictureNames) {
+        let currentImage: string = (<string>document.querySelector("#imageBox img")!.getAttribute("src"));
+        if (iterator == currentImage) {
+            if (pictureNames.indexOf(iterator) == pictureNames.length - 1 && _vorzeichen == +1)
+                document.querySelector("#imageBox img")!.setAttribute("src", `images/${pictureNames[0]}`);
+            else if (pictureNames.indexOf(iterator) == 0 && _vorzeichen == -1)
+                document.querySelector("#imageBox img")!.setAttribute("src", `images/${pictureNames[pictureNames.length - 1]}`);
+            else 
+                document.querySelector("#imageBox img")!.setAttribute("src", `images/${pictureNames[pictureNames.indexOf(iterator) + _vorzeichen]}`);
+            break;
+        }
+    }
+}
+
diff --git a/Endabgabe/script-frontend/shop.js b/Endabgabe/script-frontend/shop.js
new file mode 100644
index 0000000..fa9ac4a
--- /dev/null
+++ b/Endabgabe/script-frontend/shop.js
@@ -0,0 +1,143 @@
+"use strict";
+var frontShop;
+(function (frontShop) {
+    let serverUrl = "https://theoneandgis.herokuapp.com";
+    let combinationArray = [];
+    let combinationCount = 0;
+    let tisch = "";
+    // create page
+    init();
+    async function init() {
+        printTopButtons();
+        await getProductList();
+        addButtonFunctions();
+        fixCartCount();
+    }
+    function printTopButtons() {
+        for (let i = 1; i <= 20; i++) {
+            let button = document.createElement("button");
+            button.setAttribute("id", "id_table_" + `${i}`);
+            button.setAttribute("content", `{"tisch":"${i}"}`);
+            button.classList.add("product_button");
+            button.innerHTML = `Tisch: ${i}`;
+            document.querySelector("#topTable").append(button);
+        }
+        let button = document.createElement("button");
+        button.setAttribute("id", "id_table_0");
+        button.setAttribute("content", `{"tisch":"0"}`);
+        button.innerHTML = "Zum Mitnehmen!";
+        document.querySelector("#topTake").append(button);
+    }
+    async function getProductList() {
+        let url = serverUrl + "/mongo/products/findCollection" + "?";
+        let response = await fetch(url);
+        let jsonResponse = await response.json();
+        printProducts(jsonResponse);
+    }
+    function printProducts(_jsonResponse) {
+        for (const iterator of _jsonResponse) {
+            delete iterator._id;
+            document.querySelector(`#${iterator.category}Div`).innerHTML += ` 
+                        <div class="${iterator.category}">
+                            <img src="images/${iterator.imageName}" alt="Product"/><br> 
+                            <div class="product_name">${iterator.name.replace("-", " ")}</div>
+                            <button class="product_button" content=${JSON.stringify(iterator)}>Hinzufügen</button>
+                        </div>
+                    `;
+        }
+    }
+    function addButtonFunctions() {
+        let buttonList = document.querySelectorAll(".product_button");
+        for (const iterator of buttonList)
+            iterator.addEventListener("click", addProduct);
+        document.querySelector("#id_table_0").addEventListener("click", addProduct);
+        document.querySelector("#nextButton").addEventListener("click", addCurrent);
+        document.querySelector("#sendButton").addEventListener("click", addToLocal);
+        document.querySelector("#resetButton").addEventListener("click", clearCombination);
+    }
+    function addProduct(_event) {
+        let target = _event.target;
+        let product = JSON.parse(target.getAttribute("content"));
+        if (product.tisch != undefined) {
+            tisch = JSON.stringify(product);
+            console.log(tisch);
+        }
+        switch (product.category) {
+            case "container": {
+                if (checkMaximum(1, product)) {
+                    let index = combinationArray.indexOf(combinationArray.find(_element => _element = product.category));
+                    combinationArray[index] = JSON.stringify(product);
+                    displayOrder();
+                }
+                else {
+                    combinationArray.push(JSON.stringify(product));
+                    displayOrder();
+                }
+                break;
+            }
+            case "flavour": {
+                if (!checkMaximum(6, product)) {
+                    combinationArray.push(JSON.stringify(product));
+                    displayOrder();
+                }
+                break;
+            }
+            case "topping": {
+                if (!checkMaximum(3, product)) {
+                    combinationArray.push(JSON.stringify(product));
+                    displayOrder();
+                }
+                break;
+            }
+        }
+        console.log("combinationArray", combinationArray);
+    }
+    function checkMaximum(_maximum, _targetString) {
+        let countOccurence = 0;
+        for (let i = 0; i < combinationArray.length; i++) {
+            let checkString = combinationArray[i];
+            if (checkString.includes(_targetString.category))
+                countOccurence++;
+            if (countOccurence == _maximum) {
+                alert("Die maximale Anzahl von " + _maximum + " wurde bereits erreicht");
+                return true;
+            }
+        }
+        return false;
+    }
+    function addCurrent() {
+        addToLocal();
+        clearCombination();
+        fixCartCount();
+        combinationCount++;
+    }
+    function clearCombination() {
+        combinationArray = [];
+        displayOrder();
+    }
+    function fixCartCount() {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        document.querySelector("#warenkorb span").innerHTML = `${localStorage.CartCount}`;
+    }
+    function addToLocal() {
+        combinationArray.push(tisch);
+        localStorage.setItem(`Combination${combinationCount}`, "[" + combinationArray.toLocaleString() + "]");
+    }
+    function displayOrder() {
+        document.querySelector("#displayContainer").innerHTML = "";
+        for (let i = combinationArray.length - 1; i > -1; i--) {
+            console.log(combinationArray[i]);
+            let obj = JSON.parse(combinationArray[i]);
+            document.querySelector("#displayContainer").innerHTML += `<img src="images/${obj.imageName}" alt=""/>`;
+        }
+    }
+})(frontShop || (frontShop = {}));
+//# sourceMappingURL=shop.js.map
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/shop.js.map b/Endabgabe/script-frontend/shop.js.map
new file mode 100644
index 0000000..7fcf01a
--- /dev/null
+++ b/Endabgabe/script-frontend/shop.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"shop.js","sourceRoot":"","sources":["shop.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/shop.ts b/Endabgabe/script-frontend/shop.ts
new file mode 100644
index 0000000..64c290d
--- /dev/null
+++ b/Endabgabe/script-frontend/shop.ts
@@ -0,0 +1,164 @@
+
+namespace frontShop {
+
+    let serverUrl: string = "https://theoneandgis.herokuapp.com";
+    let combinationArray: string[] = [];
+    let combinationCount: number = 0;
+    let tisch: string = "";
+
+    interface Products {
+        [type: string]: string | number;
+    }
+
+    // create page
+    
+    init();
+
+    async function init(): Promise<void> {
+        printTopButtons();
+        await getProductList();
+        addButtonFunctions();
+        fixCartCount();
+    }
+
+    function printTopButtons(): void {
+        for (let i: number = 1; i <= 20; i++) {
+            let button: HTMLButtonElement = document.createElement("button");
+            button.setAttribute("id", "id_table_" + `${i}`);
+            button.setAttribute("content", `{"tisch":"${i}"}`);
+            button.classList.add("product_button");
+            button.innerHTML = `Tisch: ${i}`;
+            (<HTMLDivElement>document.querySelector("#topTable")).append(button);
+        }
+        let button: HTMLButtonElement = document.createElement("button");
+        button.setAttribute("id", "id_table_0");
+        button.setAttribute("content", `{"tisch":"0"}`);
+        button.innerHTML = "Zum Mitnehmen!";
+        (<HTMLDivElement>document.querySelector("#topTake")).append(button);
+    }
+
+    async function getProductList(): Promise<void> {
+        let url: string = serverUrl + "/mongo/products/findCollection" + "?";
+        let response: Response = await fetch(url);
+        let jsonResponse: Products[] = await response.json();
+        printProducts(jsonResponse);
+    }
+
+    function printProducts(_jsonResponse: Products[]): void {
+        for (const iterator of _jsonResponse) {
+            delete iterator._id;
+            (<HTMLElement>document.querySelector(`#${iterator.category}Div`)).innerHTML += ` 
+                        <div class="${iterator.category}">
+                            <img src="images/${iterator.imageName}" alt="Product"/><br> 
+                            <div class="product_name">${(<string>iterator.name).replace("-", " ")}</div>
+                            <button class="product_button" content=${JSON.stringify(iterator)}>Hinzufügen</button>
+                        </div>
+                    `;
+        }
+    }
+
+    function addButtonFunctions(): void {
+        let buttonList: NodeListOf<HTMLButtonElement> = document.querySelectorAll(".product_button");
+        for (const iterator of buttonList)
+            iterator.addEventListener("click", addProduct);
+
+        (<HTMLButtonElement>document.querySelector("#id_table_0")).addEventListener("click", addProduct);
+        (<HTMLButtonElement>document.querySelector("#nextButton")).addEventListener("click", addCurrent);
+        (<HTMLButtonElement>document.querySelector("#sendButton")).addEventListener("click", addToLocal);
+        (<HTMLButtonElement>document.querySelector("#resetButton")).addEventListener("click", clearCombination);
+    } 
+
+    function addProduct(_event: Event): void {
+        let target: HTMLElement = (<HTMLElement>_event.target);
+        let product: Products = JSON.parse(target.getAttribute("content")!);
+        if (product.tisch != undefined) {
+            tisch = JSON.stringify(product);
+            console.log(tisch);
+        }
+
+        switch (product.category) {
+            case "container": {
+                if (checkMaximum(1, product)) {
+                    let index: number = combinationArray.indexOf(combinationArray.find(_element => _element = <string>product.category)!);
+                    combinationArray[index] = JSON.stringify(product);
+                    displayOrder();
+                }
+                else {
+                    combinationArray.push(JSON.stringify(product));
+                    displayOrder();
+                }
+                break;
+            } 
+            case "flavour": {
+                if (!checkMaximum(6, product)) {
+                    combinationArray.push(JSON.stringify(product));
+                    displayOrder();
+                }
+                break;
+            }
+            case "topping": {
+                if (!checkMaximum(3, product)) {
+                    combinationArray.push(JSON.stringify(product));
+                    displayOrder();
+                }
+                break;
+            }
+        }
+        console.log("combinationArray", combinationArray);
+    }
+
+    function checkMaximum(_maximum: number, _targetString: Products): boolean {
+        let countOccurence: number = 0;
+        for (let i: number = 0; i < combinationArray.length; i++) {
+            let checkString: string = combinationArray[i];
+            if (checkString.includes(<string>_targetString.category))
+                countOccurence++;   
+            if (countOccurence == _maximum) {
+                alert("Die maximale Anzahl von " + _maximum + " wurde bereits erreicht");
+                return true;
+            }
+        }      
+        return false;
+    }
+
+    function addCurrent(): void {
+        addToLocal();
+        clearCombination();
+        fixCartCount();
+        combinationCount++;
+    }
+
+    function clearCombination(): void {
+        combinationArray = [];
+        displayOrder();
+    }
+
+    function fixCartCount(): void {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count: number = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        (<HTMLElement>document.querySelector("#warenkorb span")).innerHTML = `${localStorage.CartCount}`;
+    }
+
+    function addToLocal(): void {
+        combinationArray.push(tisch);
+        localStorage.setItem(`Combination${combinationCount}`, "[" + combinationArray.toLocaleString() + "]");
+    }
+
+    function displayOrder(): void {
+        (<HTMLElement>document.querySelector("#displayContainer")).innerHTML = "";
+        for (let i: number = combinationArray.length - 1; i > -1; i--) {
+            console.log(combinationArray[i]);
+            let obj: Products = JSON.parse(combinationArray[i]);
+            (<HTMLElement>document.querySelector("#displayContainer")).innerHTML += `<img src="images/${obj.imageName}" alt=""/>`;
+        }
+    }
+
+}
+
diff --git a/Endabgabe/script-frontend/warenkorb.js b/Endabgabe/script-frontend/warenkorb.js
new file mode 100644
index 0000000..db37ada
--- /dev/null
+++ b/Endabgabe/script-frontend/warenkorb.js
@@ -0,0 +1,131 @@
+"use strict";
+var frontShop;
+(function (frontShop) {
+    let serverUrl = "https://theoneandgis.herokuapp.com";
+    let orderArray = [];
+    let orderPrice = 0;
+    let orderNumber = 0;
+    init();
+    async function init() {
+        await setOrder();
+        await addButtonListener();
+        fixCartCount();
+    }
+    async function setOrder() {
+        //let formData: FormData = new FormData(document.forms[0]);
+        orderNumber = await getNumber();
+        for (const key in localStorage) {
+            if (localStorage.getItem(key) != null && key.includes("Combination")) {
+                let content = localStorage.getItem(key);
+                let contentObj = await JSON.parse(content);
+                let contentString = "{";
+                let countFlavour = 1;
+                let countTopping = 1;
+                let countPrice = 0;
+                let div = document.createElement("div");
+                div.classList.add("product");
+                div.innerHTML = ``;
+                for (const keys of contentObj)
+                    if (keys.category == "container") {
+                        contentString += `"container"` + ":" + `"${keys.name}"` + ",";
+                        div.innerHTML += `<span>Behälter: ${keys.name}</span><br>`;
+                    }
+                for (const keys of contentObj)
+                    if (keys.category == "flavour") {
+                        contentString += `"flavour${countFlavour}"` + ":" + `"${keys.name}"` + ",";
+                        div.innerHTML += `<span>Kugel Nr. ${countFlavour}: ${keys.name}</span><br>`;
+                        countFlavour++;
+                    }
+                for (const keys of contentObj)
+                    if (keys.category == "topping") {
+                        contentString += `"topping${countTopping}"` + ":" + `"${keys.name}"` + ",";
+                        div.innerHTML += `<span>Topping Nr. ${countTopping}: ${keys.name}</span><br>`;
+                        countTopping++;
+                    }
+                for (const keys of contentObj) {
+                    if (keys.price != undefined) {
+                        orderPrice += keys.price;
+                        countPrice += keys.price;
+                    }
+                }
+                for (const keys of contentObj) {
+                    if (keys.tisch != undefined) {
+                        contentString += `"tisch"` + ":" + `"${keys.tisch}"` + ",";
+                    }
+                }
+                contentString += `"productPrice"` + ":" + `"${countPrice.toFixed(2)}"` + "," + `"Nr"` + ":" + `"${orderNumber}"` + ",";
+                //contentString += `"vorname"` + ":" + `"${formData.get("vorname")}"` + "," + `"nachname"` + ":" + `"${formData.get("nachname")}"` + ",";
+                //contentString += `"straße"` + ":" + `"${formData.get("straße")}"` + "," + `"postleitzahl"` + ":" + `"${formData.get("postleitzahl")}"` + ",";
+                contentString = contentString.slice(0, contentString.length - 1) + "}";
+                div.innerHTML += `<button class="removeButton" arrayIndex="${orderArray.length}" localName="${key}">Kombination Nr. ${orderArray.length + 1} entfernen</button>`;
+                orderArray.push(contentString);
+                document.querySelector("#check").append(div);
+                //(<HTMLDivElement>document.querySelector("#check")).innerHTML += contentString + "<br><br>";
+            }
+        }
+    }
+    /*async function saveForm(): Promise<void> {
+        let formData: FormData = new FormData(document.forms[0]);
+        let url: string = "";
+        //tslint:disable-next-line: no-any
+        let query: URLSearchParams = new URLSearchParams(<any>formData);
+        url = "http://localhost:8100" + "/" + "mongo" + "/" + "orders" + "/" + "insertEntry" + "/" + "?" + query.toString();
+        await fetch(url);
+    }*/
+    async function confirmOrder() {
+        let formData = new FormData(document.forms[0]);
+        let url = "";
+        //tslint:disable-next-line: no-any
+        let query = new URLSearchParams(formData);
+        url = serverUrl + "/" + "mongo" + "/" + "orders" + "/" + "insertEntry" + "/" + "?" + query.toString() + `&Nr=${orderNumber}` + `&orderPrice=${orderPrice.toFixed(2)}`;
+        await fetch(url);
+        for (const iterator of orderArray) {
+            await fetch(serverUrl, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "text/plain"
+                },
+                body: iterator
+            });
+        }
+        orderNumber++;
+        await fetch(serverUrl + "/mongo/orders/updateEntry" + "?_id=5f1a48d7a8f957baaa07cfeb&orderCount=" + orderNumber.toString());
+        localStorage.clear();
+        location.reload();
+        alert("Ihre Bestellung wurde eingereicht. Bitte melden Sie sich am Tresen, sobald Ihre Nummer aufgerufen wird! ♥");
+    }
+    async function getNumber() {
+        let response = await fetch(serverUrl + "/mongo/orders/findEntry?_id=5f1a48d7a8f957baaa07cfeb");
+        let orderObj = await response.json();
+        let orderObjNumber = parseFloat(orderObj.orderCount);
+        return orderObjNumber;
+    }
+    async function addButtonListener() {
+        //(<HTMLElement>document.querySelector("#printOrder")).addEventListener("click", setOrder);
+        document.querySelector("#sendOrder").addEventListener("click", confirmOrder);
+        //(<HTMLElement>document.querySelector("#formButton")).addEventListener("click", saveForm);
+        let elementList = document.querySelectorAll(".removeButton");
+        for (const iterator of elementList)
+            iterator.addEventListener("click", removeCombination);
+    }
+    function removeCombination(_event) {
+        localStorage.setItem("CartCount", `${parseFloat(localStorage.getItem("CartCount")) - 1}`);
+        let target = _event.target;
+        delete orderArray[parseFloat(target.getAttribute("arrayindex"))];
+        localStorage.removeItem(target.getAttribute("localname"));
+        location.reload();
+    }
+    function fixCartCount() {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        document.querySelector("#warenkorb span").innerHTML = `${localStorage.CartCount}`;
+    }
+})(frontShop || (frontShop = {}));
+//# sourceMappingURL=warenkorb.js.map
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/warenkorb.js.map b/Endabgabe/script-frontend/warenkorb.js.map
new file mode 100644
index 0000000..c02fcca
--- /dev/null
+++ b/Endabgabe/script-frontend/warenkorb.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"warenkorb.js","sourceRoot":"","sources":["warenkorb.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/Endabgabe/script-frontend/warenkorb.ts b/Endabgabe/script-frontend/warenkorb.ts
new file mode 100644
index 0000000..5b72b8d
--- /dev/null
+++ b/Endabgabe/script-frontend/warenkorb.ts
@@ -0,0 +1,147 @@
+
+namespace frontShop {
+
+    let serverUrl: string = "https://theoneandgis.herokuapp.com";
+    let orderArray: string[] = [];
+    let orderPrice: number = 0;
+    let orderNumber: number = 0; 
+
+    init();
+
+    async function init(): Promise<void> {
+        await setOrder();
+        await addButtonListener();
+        fixCartCount();
+    }
+
+    interface Products {
+        [type: string]: string | number;
+    }
+
+    async function setOrder(): Promise<void> {
+        //let formData: FormData = new FormData(document.forms[0]);
+        orderNumber = await getNumber();
+        for (const key in localStorage) {
+            if (localStorage.getItem(key) != null && key.includes("Combination")) {
+                let content: string = localStorage.getItem(key)!;
+                let contentObj: Products[] = await JSON.parse(content);
+                let contentString: string = "{";
+                let countFlavour: number = 1;
+                let countTopping: number = 1;
+                let countPrice: number = 0;
+
+                let div: HTMLDivElement = document.createElement("div");
+                div.classList.add("product");
+                div.innerHTML = ``;
+                for (const keys of contentObj)
+                    if (keys.category == "container") {
+                        contentString += `"container"` + ":" + `"${keys.name}"` + ",";
+                        div.innerHTML += `<span>Behälter: ${keys.name}</span><br>`;
+                    }
+                for (const keys of contentObj)
+                    if (keys.category == "flavour") {
+                        contentString += `"flavour${countFlavour}"` + ":" + `"${keys.name}"` + ",";
+                        div.innerHTML += `<span>Kugel Nr. ${countFlavour}: ${keys.name}</span><br>`;
+                        countFlavour++;
+                    }
+                for (const keys of contentObj)
+                    if (keys.category == "topping") {
+                        contentString += `"topping${countTopping}"` + ":" + `"${keys.name}"` + ",";
+                        div.innerHTML += `<span>Topping Nr. ${countTopping}: ${keys.name}</span><br>`;
+                        countTopping++;
+                    }
+                for (const keys of contentObj) {
+                    if (keys.price != undefined) {
+                        orderPrice += <number>keys.price;
+                        countPrice += <number>keys.price;
+                    }
+                }
+                for (const keys of contentObj) {
+                    if (keys.tisch != undefined) {
+                        contentString += `"tisch"` + ":" + `"${keys.tisch}"` + ",";
+                    }
+                }
+                contentString += `"productPrice"` + ":" + `"${countPrice.toFixed(2)}"` + "," + `"Nr"` + ":" + `"${orderNumber}"` + ",";
+                //contentString += `"vorname"` + ":" + `"${formData.get("vorname")}"` + "," + `"nachname"` + ":" + `"${formData.get("nachname")}"` + ",";
+                //contentString += `"straße"` + ":" + `"${formData.get("straße")}"` + "," + `"postleitzahl"` + ":" + `"${formData.get("postleitzahl")}"` + ",";
+                contentString = contentString.slice(0, contentString.length - 1) + "}";
+                div.innerHTML += `<button class="removeButton" arrayIndex="${orderArray.length}" localName="${key}">Kombination Nr. ${orderArray.length + 1} entfernen</button>`;
+                orderArray.push(contentString);
+                (<HTMLDivElement>document.querySelector("#check")).append(div);
+                //(<HTMLDivElement>document.querySelector("#check")).innerHTML += contentString + "<br><br>";
+            }
+        }
+    }
+
+    /*async function saveForm(): Promise<void> {
+        let formData: FormData = new FormData(document.forms[0]);
+        let url: string = "";
+        //tslint:disable-next-line: no-any
+        let query: URLSearchParams = new URLSearchParams(<any>formData);
+        url = "http://localhost:8100" + "/" + "mongo" + "/" + "orders" + "/" + "insertEntry" + "/" + "?" + query.toString();
+        await fetch(url);
+    }*/
+
+    async function confirmOrder(): Promise<void> {
+        let formData: FormData = new FormData(document.forms[0]);
+        let url: string = "";
+        //tslint:disable-next-line: no-any
+        let query: URLSearchParams = new URLSearchParams(<any>formData);
+        url = serverUrl + "/" + "mongo" + "/" + "orders" + "/" + "insertEntry" + "/" + "?" + query.toString() + `&Nr=${orderNumber}` + `&orderPrice=${orderPrice.toFixed(2)}`;
+        await fetch(url);
+
+        for (const iterator of orderArray) {
+            await fetch(serverUrl, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "text/plain"
+                },
+                body: iterator
+            });
+        }
+
+        orderNumber++;
+        await fetch( serverUrl + "/mongo/orders/updateEntry" + "?_id=5f1a48d7a8f957baaa07cfeb&orderCount=" + orderNumber.toString());
+
+        localStorage.clear();
+        location.reload();
+        alert("Ihre Bestellung wurde eingereicht. Bitte melden Sie sich am Tresen, sobald Ihre Nummer aufgerufen wird! ♥");
+    }
+
+    async function getNumber(): Promise<number> {
+        let response: Response = await fetch(serverUrl + "/mongo/orders/findEntry?_id=5f1a48d7a8f957baaa07cfeb");
+        let orderObj: Products = await response.json();
+        let orderObjNumber: number = parseFloat(<string>orderObj.orderCount);
+        return orderObjNumber; 
+    }
+
+    async function addButtonListener(): Promise<void> {
+        //(<HTMLElement>document.querySelector("#printOrder")).addEventListener("click", setOrder);
+        (<HTMLElement>document.querySelector("#sendOrder")).addEventListener("click", confirmOrder);
+        //(<HTMLElement>document.querySelector("#formButton")).addEventListener("click", saveForm);
+        let elementList: NodeListOf<Element> = document.querySelectorAll(".removeButton");
+        for (const iterator of elementList)
+            iterator.addEventListener("click", removeCombination);
+    }
+
+    function removeCombination(_event: Event): void {
+        localStorage.setItem("CartCount", `${parseFloat(localStorage.getItem("CartCount")!) - 1}`);
+        let target: HTMLElement = (<HTMLElement>_event.target);
+        delete orderArray[parseFloat(target.getAttribute("arrayindex")!)];
+        localStorage.removeItem(target.getAttribute("localname")!) ;
+        location.reload();
+    }
+
+    function fixCartCount(): void {
+        if (localStorage["CartCount"] != undefined)
+            localStorage.removeItem("CartCount");
+        let count: number = 0;
+        for (const key in localStorage) {
+            if (key.includes("Combination")) {
+                count++;
+            }
+        }
+        localStorage.setItem("CartCount", `${count}`);
+        (<HTMLElement>document.querySelector("#warenkorb span")).innerHTML = `${localStorage.CartCount}`;
+    }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index f9c1e09..7803794 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
   },
   "devDependencies": {},
   "scripts": {
-    "start": "node Endabgabe/backend/useServer.js remote"
+    "start": "node Endabgabe/script-backend/useServer.js remote"
   },
   "repository": {
     "type": "git",