Feature: Add Reverse Hangman implementation to web app

Author: Alvi24-hub

web-app/assets/banners/reverse-hangman.webp

@@ -397,7 +397,18 @@ def draw_o(ox, oy):
                 v_draw.text((x, y), sample_nums[i][j], fill=color_accent, anchor="mm", font=font_title)
         # Draw operation symbol
         v_draw.text((400, 280), "×", fill=color_accent, anchor="mm", font=font_title)
-
+    elif "reverse" in n_lower or "hangman" in n_lower:
+        # AI brain + hangman gallows
+        cx, cy = 400, 225
+        # Gallows
+        v_draw.line([(250, 350), (400, 350)], fill=color_accent, width=4)
+        v_draw.line([(320, 350), (320, 120)], fill=color_accent, width=4)
+        v_draw.line([(320, 120), (450, 120)], fill=color_accent, width=4)
+        v_draw.line([(450, 120), (450, 150)], fill=color_accent, width=2)
+        # AI brain/robot icon
+        v_draw.ellipse([cx-30, cy-30, cx+30, cy+30], outline=color_accent, width=3)
+        v_draw.ellipse([cx-15, cy-15, cx+15, cy+15], outline=color_accent, width=2)
+        v_draw.text((cx, cy), "AI", fill=color_accent, anchor="mm")
     elif "unit converter" in n_lower:
         cx, cy = 400, 225
 
@@ -522,6 +533,7 @@ def draw_o(ox, oy):
     ("Spot the Difference", "games", "spot-the-difference.webp"),
     ("Productive Pet", "utilities", "productive-pet.webp"),
     ("Progress Tracker", "utilities", "progress-tracker.webp"),
+    ("Reverse Hangman", "games", "reverse-hangman.webp"),
 
     # MATH
     ("AP/GP/AGP/HP Recognizer", "math", "progression-recognizer.webp"),

web-app/generate_banners.py

@@ -876,6 +876,7 @@ <h3>Legal</h3>
     <script defer src="js/projects/resume-analyzer.js"></script>
     <script src="js/projects/caesar-cipher.js"></script>
     <script src="js/projects/matrix-calculator.js"></script>
+    <script src="js/projects/reverse-hangman.js"></script>
     <script defer src="js/projects/unit-converter.js"></script>
     <script defer src="js/projects.js"></script>
     <script defer src="js/cm-editor.js"></script>
@@ -1079,6 +1080,13 @@ <h3>Legal</h3>
             desc: "Add, subtract, multiply, transpose, determinant, rank, inverse",
             tags: "math,matrix,algebra,calculator",
           },
+          {
+            project: "reverse-hangman",
+            title: "Reverse Hangman",
+            category: "games",
+            desc: "Computer tries to guess your secret word using AI logic",
+            tags: "game,hangman,ai,word,guessing",
+          },
           {
             project: "coordinate-polar-transform",
             title: "Coordinate Transform",

web-app/index.html

@@ -24,6 +24,7 @@ function getProjectHTML(projectName) {
         'nqueens' : getNQueensHTML(),
         'matrix-calculator': () => getMatrixCalculatorHTML(),
         'unit-converter': getUnitConverterHTML(),
+        'reverse-hangman': () => getReverseHangmanHTML
     };
 
     return projects[projectName] || '<h2>Project Coming Soon!</h2>';
@@ -52,6 +53,7 @@ function initializeProject(projectName) {
         'nqueens' : initNQueens(),
         'matrix-calculator': initMatrixCalculator,
         'unit-converter':initUnitConverter,
+        'reverse-hangman': initReverseHangman
     };
 
     if (initializers[projectName]) {