Spaces:

adeyemi001
/

Multi-Labelled-Review-Categorization-Model

Running

App Files Files Community

adeyemi001 commited on Oct 23, 2025

Commit

0e228f5

verified ·

1 Parent(s): 267ac58

Upload app.py with huggingface_hub

Browse files

Files changed (1) hide show

app.py +15 -15

app.py CHANGED Viewed

@@ -93,7 +93,7 @@ HTML_TEMPLATE = """
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
             min-height: 100vh;
             padding: 20px;
             display: flex;
@@ -112,7 +112,7 @@ HTML_TEMPLATE = """
         }
         .header {
-            background: linear-gradient(45deg, #1e40af, #2563eb);
             color: white;
             padding: 30px;
             text-align: center;
@@ -162,9 +162,9 @@ HTML_TEMPLATE = """
         }
         textarea:focus {
-            border-color: #3b82f6;
             outline: none;
-            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
         }
         .controls {
@@ -176,7 +176,7 @@ HTML_TEMPLATE = """
         }
         .btn {
-            background: linear-gradient(45deg, #2563eb, #1d4ed8);
             color: white;
             border: none;
             padding: 15px 30px;
@@ -185,12 +185,12 @@ HTML_TEMPLATE = """
             border-radius: 25px;
             cursor: pointer;
             transition: all 0.3s ease;
-            box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
         }
         .btn:hover {
             transform: translateY(-2px);
-            box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
         }
         .btn:active {
@@ -245,7 +245,7 @@ HTML_TEMPLATE = """
             display: none;
             text-align: center;
             padding: 20px;
-            color: #2563eb;
             font-size: 18px;
         }
@@ -284,14 +284,14 @@ HTML_TEMPLATE = """
         footer {
             text-align: center;
             padding: 20px;
-            background: #1e40af;
             color: #ecf0f1;
             font-size: 14px;
             margin-top: auto;
         }
         footer a {
-            color: #93c5fd;
             text-decoration: none;
             font-weight: 600;
         }
@@ -319,14 +319,14 @@ HTML_TEMPLATE = """
 <body>
     <div class="container">
         <div class="header">
-            <h1>🏦 Fintech Review Classifier</h1>
             <p>Classify your customer review into relevant categories</p>
         </div>
         <div class="main-content">
             {% if model_loaded %}
                 <div class="model-status loaded">
-                    ✅ Model loaded successfully! Available categories: {{ labels|length }}
                 </div>
             {% else %}
                 <div class="model-status error">
@@ -493,9 +493,9 @@ if __name__ == '__main__':
     print("🚀 Starting Fintech Review Classification App")
     print("="*50)
     if MODEL_LOADED:
-        print(f"✅ Model loaded successfully on {DEVICE}")
-        print(f"📋 Available categories: {len(labels)}")
-        print(f"🏷️  Categories: {', '.join(labels[:5])}{'...' if len(labels) > 5 else ''}")
     else:
         print("❌ Model failed to load - app will run in demo mode")

         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #6ee7b7 0%, #7dd3fc 100%);
             min-height: 100vh;
             padding: 20px;
             display: flex;
         }
         .header {
+            background: linear-gradient(45deg, #10b981, #06b6d4);
             color: white;
             padding: 30px;
             text-align: center;
         }
         textarea:focus {
+            border-color: #10b981;
             outline: none;
+            box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
         }
         .controls {
         }
         .btn {
+            background: linear-gradient(45deg, #10b981, #06b6d4);
             color: white;
             border: none;
             padding: 15px 30px;
             border-radius: 25px;
             cursor: pointer;
             transition: all 0.3s ease;
+            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
         }
         .btn:hover {
             transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
         }
         .btn:active {
             display: none;
             text-align: center;
             padding: 20px;
+            color: #10b981;
             font-size: 18px;
         }
         footer {
             text-align: center;
             padding: 20px;
+            background: #059669;
             color: #ecf0f1;
             font-size: 14px;
             margin-top: auto;
         }
         footer a {
+            color: #6ee7b7;
             text-decoration: none;
             font-weight: 600;
         }
 <body>
     <div class="container">
         <div class="header">
+            <h1>Fintech Review Classifier</h1>
             <p>Classify your customer review into relevant categories</p>
         </div>
         <div class="main-content">
             {% if model_loaded %}
                 <div class="model-status loaded">
+                    Model loaded successfully! Available categories: {{ labels|length }}
                 </div>
             {% else %}
                 <div class="model-status error">
     print("🚀 Starting Fintech Review Classification App")
     print("="*50)
     if MODEL_LOADED:
+        print(f"Model loaded successfully on {DEVICE}")
+        print(f"Available categories: {len(labels)}")
+        print(f"Categories: {', '.join(labels[:5])}{'...' if len(labels) > 5 else ''}")
     else:
         print("❌ Model failed to load - app will run in demo mode")