finished front and backend

backend/views/index.ejs

@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Cookbook</title>
-    <script src="index.js" defer></script>
 
     <!-- Apple-Style: San Francisco Font und Styling -->
   </head>
@@ -13,10 +12,8 @@
       <header>
         <h1>Cookbook</h1>
         <div class="button-group">
-          <button onclick="syncRecipes()">🔄 Sync Recipes</button>
-          <a href="/add" class="secondary-button"
-            >➕ Add Recipe</a
-          >
+          <a href="/"><button>🔄 Sync Recipes</button></a>
+          <a href="/add" class="secondary-button">➕ Add Recipe</a>
           <a
             href="https://git.the1s.de/theis.gaedigk/Cookbook/src/branch/main/helpSite.md"
             class="secondary-button"
@@ -28,7 +25,12 @@
       </header>
 
       <section id="recipes" class="recipes-list">
-        <!-- Recipes will be dynamically loaded here -->
+        <% recipes.forEach(recipe => { %>
+        <div class="recipe-card">
+          <h2><%= recipe.title %></h2>
+          <pre><%= recipe.content %></pre>
+        </div>
+        <% }) %>
       </section>
     </main>
   </body>