feat: add Go microservice, Dockerfile, docker-compose, and API submission endpoint

2026-08-12 17:20:03 +02:00
parent ad02939b88
commit 0ee82eb673
24 changed files with 316 additions and 6 deletions
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+  <title>Date Bestätigung – Date-Planer</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Quicksand:wght@600;700&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="style.css" />
+  <link rel="stylesheet" href="checkout.css" />
+</head>
+<body class="page-checkout">
+  <div class="heart-background" aria-hidden="true">
+    <div class="heart-shape"></div>
+  </div>
+
+  <main class="container">
+    <a id="backLink" class="back-link" href="name.html">‹ Zurück</a>
+
+    <div id="summarySection">
+      <div class="intro">
+        <h1>Fast geschafft! ✨</h1>
+        <p>Überprüfe noch einmal eure Angaben für das perfekt geplante Date.</p>
+      </div>
+
+      <div class="summary-card">
+        <div class="summary-item">
+          <span class="summary-icon" id="activityIcon">💌</span>
+          <div class="summary-details">
+            <span class="summary-label">Aktivität</span>
+            <span class="summary-value" id="summaryActivity">-</span>
+          </div>
+        </div>
+
+        <div class="summary-item">
+          <span class="summary-icon">📅</span>
+          <div class="summary-details">
+            <span class="summary-label">Datum</span>
+            <span class="summary-value" id="summaryDate">-</span>
+          </div>
+        </div>
+
+        <div class="summary-item">
+          <span class="summary-icon">👤</span>
+          <div class="summary-details">
+            <span class="summary-label">Name</span>
+            <span class="summary-value" id="summaryName">-</span>
+          </div>
+        </div>
+      </div>
+
+      <button id="checkoutBtn" class="btn btn-primary checkout-btn" type="button">Date verbindlich buchen 🎉</button>
+    </div>
+
+    <div id="confirmationSection" class="confirmation-card hidden">
+      <div class="confirmation-icon">🎉</div>
+      <h2>Reservierung bestätigt!</h2>
+      <p id="confirmationMessage">Deine Date-Reservierung wurde erfolgreich übermittelt. Ich freue mich schon riesig auf uns!</p>
+      <a href="index.html" class="btn btn-primary start-over-btn">Zur Startseite</a>
+    </div>
+  </main>
+
+  <script src="checkout.js" defer></script>
+</body>
+</html>