Datenanbindung und Kategorie Komponente implementiert.

app/templates/produkte.hbs

@@ -1,9 +1,19 @@
 <Jumbo>
-  <h2>Produkte</h2>
+  <h2>deine Produkte</h2>
   <p>Hier kannst du aus deinen Produkten wählen oder neue Produkte hinzufügen!</p>
   <LinkTo @route="produkte" class="button">Produkte bearbeiten</LinkTo>
 </Jumbo>
 
-<div class="zettel">
-    {{yield}}
-</div>
+<Kategorie @titel={{"Gemüse"}}>
+  <div class="rentals">
+    <ul class="results">
+      {{#each @model as |produkt|}}
+        {{#if (compare produkt.titel '===' 'Gemüse')}}
+          <li><Produkt @produkt={{produkt}} /></li>
+        {{/if}}
+        <li><Produkt @produkt={{produkt}} /></li>
+      {{/each}}
+    </ul>
+  </div>
+
+</Kategorie>

app/templates/rezepte.hbs

@@ -1,10 +1,41 @@
 <Jumbo>
-  <h2>Rezepte</h2>
+  <h2>deine Rezepte</h2>
   <p>Hier kannst du aus deinen Rezepten wählen oder neue Rezepte hinzufügen!</p>
   <LinkTo @route="rezepte" class="button">Rezepte bearbeiten</LinkTo>
 </Jumbo>
 
-<div class="zettel">
+<div class="kategorie">
+  <h2>Pasta</h2>
+    {{yield}}
+</div>
+
+<div class="kategorie">
+  <h2>Gemüse</h2>
+    {{yield}}
+</div>
+
+<div class="kategorie">
+  <h2>Geflügel</h2>
+    {{yield}}
+</div>
+
+<div class="kategorie">
+  <h2>Rind</h2>
+    {{yield}}
+</div>
+
+<div class="kategorie">
+  <h2>Schwein</h2>
+    {{yield}}
+</div>
+
+<div class="kategorie">
+  <h2>Nachspeise</h2>
+    {{yield}}
+</div>
+
+<div class="kategorie">
+  <h2>Backen</h2>
     {{yield}}
 </div>