From b1e653c03aad5bc5a8b2455f4b959a1d76f1e576 Mon Sep 17 00:00:00 2001
From: "shivani.mishra152006@gmail.com" <shivani.mishra152006@gmail.com>
Date: Mon, 1 Jun 2026 19:27:32 +0530
Subject: [PATCH] Add user guidance and empty state feedback

---
 templates/index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index cf81b53..2a5c3c5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -252,11 +252,18 @@
 
                 Word :
                 <span id="displayWord">
-                    ...
+                   No letters detected yet.
                 </span>
 
             </div>
 
+            <div class="instruction-box mt-2">
+                <p><strong>Instructions:</strong></p>
+                <p>👋 Show your hand to the camera.</p>
+                <p>➕ Click "Add Letter" to add the detected sign.</p>
+                <p>🔤 Build your word letter by letter.</p>
+            </div>
+
             <div class="controls">
 
                 <button
@@ -395,7 +402,7 @@
 
                     document.getElementById(
                         'displayWord'
-                    ).textContent = data.word;
+                    ).textContent = data.word && data.word.trim()!==""? data.word:"No letters detectded yet.";
 
                 });
         }