From 289dcd2531a7b9cd986668f0384ef000a061095d Mon Sep 17 00:00:00 2001
From: Charaka V Mihiranga
 <143955766+CharakaMihiranga@users.noreply.github.com>
Date: Wed, 18 Sep 2024 11:40:48 +0530
Subject: [PATCH] Review page modify

---
 .../__pycache__/app.cpython-312.pyc           | Bin 1345 -> 1343 bytes
 Python-TextBlob with Flask/app.py             |   6 +-
 .../static/js/script.js                       |  17 ++--
 .../templates/index.html                      |  74 +++++++++++++-----
 4 files changed, 71 insertions(+), 26 deletions(-)

diff --git a/Python-TextBlob with Flask/__pycache__/app.cpython-312.pyc b/Python-TextBlob with Flask/__pycache__/app.cpython-312.pyc
index dbf6ccfc91a5bf2142b846f4db3298910d1fe739..378adb2eedc24403904f46fcfd3bd42f469b0b36 100644
GIT binary patch
delta 117
zcmX@ewV#XkG%qg~0}!<2y-M4#k@pXiyAY5UkYAixl3A9j5R_V$nOgp6PHU+sP}nau
zJrP-W#?JRU`b$9?{8CFxiV}06>Oah%F=28L^D$o4PPQAILK6bJWN!#+Y*uBFVFUnb
C;wjev

delta 119
zcmdnbb&!kqG%qg~0}zO(y-M4(k@pXirx=hIkYAixl3A9j5R_V$nOgp6PV0yHeVwJk
zKq<e}^h6}75A#<qDHQ^XmzESI=0J6Pm_M<1ascx&Ud>Ln8=OKD0=r~y2&!#XW|3h8
E0Kd8_cK`qY

diff --git a/Python-TextBlob with Flask/app.py b/Python-TextBlob with Flask/app.py
index 3942b89..7a79bab 100644
--- a/Python-TextBlob with Flask/app.py	
+++ b/Python-TextBlob with Flask/app.py	
@@ -17,11 +17,11 @@ def analyzereview():
     sentiment = blob.sentiment.polarity
 
     if sentiment > 0:
-        result = "Positive Review✅🎉"
+        result = "Positive Review✅"
     elif sentiment < 0:
-        result = "Negative Review🫤"
+        result = "Negative Review☹️"
     elif sentiment == 0:
-        result = "Neutral Review👍"
+        result = "Neutral Review😐"
 
     return jsonify({'sentiment': result})
 
diff --git a/Python-TextBlob with Flask/static/js/script.js b/Python-TextBlob with Flask/static/js/script.js
index 1b22ff4..0c65b40 100644
--- a/Python-TextBlob with Flask/static/js/script.js	
+++ b/Python-TextBlob with Flask/static/js/script.js	
@@ -1,9 +1,10 @@
-   document.getElementById('review-form').addEventListener('submit', async function(event) {
-        event.preventDefault();
+document.getElementById('review-form').addEventListener('submit', async function(event) {
+    event.preventDefault();
 
-        const reviewText = document.getElementById('review').value;
+    const reviewText = document.getElementById('review').value;
 
-            const response = await fetch('/analyzereview', {
+    try {
+        const response = await fetch('/analyzereview', {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -13,4 +14,10 @@
 
         const data = await response.json();
         document.getElementById('result').textContent = 'Sentiment: ' + data.sentiment;
-    });
\ No newline at end of file
+
+        // document.getElementById('review').value = '';
+    } catch (error) {
+        console.error('Error:', error);
+        document.getElementById('result').textContent = 'An error occurred. Please try again.';
+    }
+});
diff --git a/Python-TextBlob with Flask/templates/index.html b/Python-TextBlob with Flask/templates/index.html
index 2f48b5e..bf11487 100644
--- a/Python-TextBlob with Flask/templates/index.html	
+++ b/Python-TextBlob with Flask/templates/index.html	
@@ -6,54 +6,92 @@
     <title>Review Sentiment Analysis</title>
     <style>
         body {
-            font-family: Arial, sans-serif;
-            background-color: #f4f4f4;
+            font-family: 'Poppins', sans-serif;
+            background-color: #f0f2f5;
             display: flex;
             justify-content: center;
             align-items: center;
-            height: 100vh;
+            min-height: 100vh;
+            margin: 0;
+            padding: 0;
         }
 
         .review-form {
-            background-color: white;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+            background-color: #ffffff;
+            padding: 2rem;
+            border-radius: 16px;
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
+            max-width: 100%;
             width: 400px;
+            box-sizing: border-box;
+            display: flex;
+            flex-direction: column;
+            gap: 1rem;
         }
 
         .review-form h2 {
+            font-size: 1.75rem;
+            margin: 0;
+            color: #333;
             text-align: center;
         }
 
         .review-form textarea {
             width: 100%;
-            padding: 10px;
+            padding: 1rem;
             border: 1px solid #ddd;
-            border-radius: 5px;
+            border-radius: 8px;
             resize: vertical;
-            margin-bottom: 15px;
+            font-size: 1rem;
+            box-sizing: border-box;
+            transition: border-color 0.3s;
+        }
+
+        .review-form textarea:focus {
+            border-color: #007bff;
+            outline: none;
         }
 
         .review-form button {
             width: 100%;
-            padding: 10px;
-            background-color: #28a745;
+            padding: 0.75rem;
+            background-color: #007bff;
             color: white;
             border: none;
-            border-radius: 5px;
+            border-radius: 8px;
             cursor: pointer;
-            font-size: 16px;
+            font-size: 1.125rem;
+            transition: background-color 0.3s, transform 0.2s;
         }
 
         .review-form button:hover {
-            background-color: #218838;
+            background-color: #0056b3;
+        }
+
+        .review-form button:active {
+            transform: scale(0.98);
         }
 
         .result {
             text-align: center;
-            font-size: 18px;
-            margin-top: 15px;
+            font-size: 1.125rem;
+            margin-top: 1rem;
+            color: #555;
+        }
+
+        @media (max-width: 480px) {
+            .review-form {
+                width: 90%;
+                padding: 1.5rem;
+            }
+
+            .review-form h2 {
+                font-size: 1.5rem;
+            }
+
+            .review-form button {
+                font-size: 1rem;
+            }
         }
     </style>
 </head>
@@ -62,7 +100,7 @@
 <div class="review-form">
     <h2>Review Sentiment Analysis</h2>
     <form id="review-form">
-        <textarea name="review" id="review" rows="5" placeholder="" required></textarea><br>
+        <textarea name="review" id="review" rows="5" placeholder="Enter your review here..." required></textarea>
         <button type="submit">Submit Review</button>
     </form>
     <div class="result" id="result">