update

templates/index.html

@@ -13,6 +13,15 @@
             height: 100vh;
             margin: 0;
         }
+        .error-message {
+            background-color: #ffebee;
+            color: #c62828;
+            padding: 10px;
+            border-radius: 5px;
+            margin-bottom: 20px;
+            text-align: left;
+            font-size: 16px;
+        }
         .container {
             text-align: center;
             background-color: #ffffff;
@@ -187,6 +196,12 @@
             </div>
         </div>
 
+        {% if error %}
+        <div class="error-message">
+            {{ error }}
+        </div>
+        {% endif %}
+
         <form id="method-form" action="{{ url_for('index') }}" method="post" onsubmit="return validateForm();">
             <label for="username">Hi there 👋👋👋 ! What is your name?</label>
             <input type="text" id="username" name="username" required>