initial commit

2026-02-12 18:45:10 +01:00
commit be7bbba456
42 changed files with 3767 additions and 0 deletions
--- a/frontend/chat.html
+++ b/frontend/chat.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="FluentGerman.ai — Chat with your personal German tutor">
+    <title>FluentGerman.ai — Chat</title>
+    <link rel="stylesheet" href="/css/style.css">
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dompurify@3/dist/purify.min.js"></script>
+</head>
+
+<body>
+    <!-- Navbar -->
+    <nav class="navbar">
+        <div class="logo">FluentGerman.ai</div>
+        <div class="navbar-right">
+            <span class="navbar-user" id="user-name"></span>
+            <button class="btn btn-sm btn-secondary" id="logout-btn">Logout</button>
+        </div>
+    </nav>
+
+    <!-- Chat -->
+    <div class="chat-container">
+        <div class="chat-messages" id="chat-messages">
+            <div class="message message-assistant">
+                Hallo! 👋 I'm your personal German tutor. How can I help you today? You can type or use the microphone
+                to speak.
+            </div>
+        </div>
+
+        <div class="chat-input-bar">
+            <button class="voice-btn" id="voice-btn" title="Voice input">🎤</button>
+            <input type="text" id="chat-input" placeholder="Type your message or click 🎤 to speak..."
+                autocomplete="off">
+            <button class="btn btn-primary" id="send-btn">Send</button>
+        </div>
+    </div>
+
+    <script src="/js/api.js"></script>
+    <script src="/js/voice.js"></script>
+    <script src="/js/chat.js"></script>
+</body>
+
+</html>