Update app.py

app.py

@@ -54,29 +54,58 @@ def analyze_sentiment_basic(text):
         return "Neutral", positive_count, negative_count
 
 # --- Streamlit UI ---
-st.title("✍️ Basic Python Sentiment Analyzer")
+
+# Header Section
 st.markdown(
     """
-    This app performs sentiment analysis using only pure Python, based on a simple keyword matching approach.
-    It's a demonstration of a rule-based system without external NLP models.
+    <div style="text-align: center; padding: 20px; background-color: #f0f2f6; border-radius: 10px; margin-bottom: 30px;">
+        <h1 style="color: #333; font-size: 2.5em;">✍️ Sentiment Analyzer</h1>
+        <p style="color: #555; font-size: 1.1em;">
+            Discover the sentiment of your text with a simple keyword-based analysis.
+        </p>
+    </div>
+    """,
+    unsafe_allow_html=True
+)
+
+st.markdown(
     """
+    <p style="font-size: 1.1em; text-align: center; margin-bottom: 20px;">
+    Enter any text below, and I'll tell you if its sentiment is positive, negative, or neutral based on a predefined list of keywords.
+    </p>
+    """,
+    unsafe_allow_html=True
 )
 
 # Text input from the user
 user_input = st.text_area(
-    "Enter your text here:",
-    "This is a good example, but it could be even better.",
-    height=150
+    "📝 Enter your text here:",
+    "This is a good example, but it could be even better. I really enjoy using Streamlit!",
+    height=180,
+    key="user_text_input" # Added a key for better control
 )
 
-# Analyze button
-if st.button("Analyze Sentiment"):
+col1, col2 = st.columns([1, 1])
+
+with col1:
+    analyze_button = st.button("✨ Analyze Sentiment", key="analyze_btn")
+with col2:
+    clear_button = st.button("🗑️ Clear Text", key="clear_btn")
+
+# Clear button functionality
+if clear_button:
+    st.session_state.user_text_input = "" # Clear the text area
+    st.experimental_rerun() # Rerun to clear the output
+
+# Analyze button logic
+if analyze_button:
     if user_input:
         sentiment, pos_count, neg_count = analyze_sentiment_basic(user_input)
 
-        st.subheader("Analysis Result:")
+        st.markdown("---")
+        st.subheader("📊 Analysis Result:")
 
-        # Display result with appropriate styling
+        # Display result with appropriate styling and icons
         if sentiment == "Positive":
             st.success(f"**Sentiment:** Positive 😊")
         elif sentiment == "Negative":
@@ -84,40 +113,129 @@ if st.button("Analyze Sentiment"):
         else:
             st.warning(f"**Sentiment:** Neutral 😐")
 
-        st.info(f"Positive keyword matches: {pos_count}")
-        st.info(f"Negative keyword matches: {neg_count}")
+        st.markdown(f"<p style='font-size: 1.05em;'>Positive keyword matches: <strong>{pos_count}</strong></p>", unsafe_allow_html=True)
+        st.markdown(f"<p style='font-size: 1.05em;'>Negative keyword matches: <strong>{neg_count}</strong></p>", unsafe_allow_html=True)
 
         st.markdown("---")
         st.write(f"**Original Text:**")
-        st.write(f"> {user_input}")
+        st.markdown(f"<div style='background-color: #e9ecef; padding: 15px; border-radius: 8px; border-left: 5px solid #007bff;'><em>{user_input}</em></div>", unsafe_allow_html=True)
     else:
         st.warning("Please enter some text to analyze.")
 
-# Custom CSS for styling
+# Custom CSS for enhanced styling
 st.markdown(
     """
     <style>
+    /* General body and font */
+    body {
+        font-family: 'Inter', sans-serif;
+        background-color: #f8f9fa;
+        color: #343a40;
+    }
+
+    /* Streamlit widgets styling */
     .stButton>button {
-        background-color: #007bff; /* Blue color for the button */
+        background-color: #28a745; /* Green for analyze */
         color: white;
-        padding: 10px 20px;
-        border-radius: 8px;
+        padding: 12px 25px;
+        border-radius: 10px;
         border: none;
         cursor: pointer;
-        font-size: 16px;
-        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-        transition: 0.3s;
+        font-size: 1.1em;
+        font-weight: bold;
+        box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3);
+        transition: all 0.3s ease-in-out;
+        width: 100%; /* Make buttons full width in columns */
     }
     .stButton>button:hover {
-        background-color: #0056b3; /* Darker blue on hover */
-        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+        background-color: #218838;
+        box-shadow: 0 8px 20px rgba(40, 167, 69, 0.4);
+        transform: translateY(-2px);
     }
+
+    /* Clear button specific style */
+    .stButton[key="clear_btn"] > button {
+        background-color: #dc3545; /* Red for clear */
+        box-shadow: 0 5px 15px rgba(220, 53, 69, 0.3);
+    }
+    .stButton[key="clear_btn"] > button:hover {
+        background-color: #c82333;
+        box-shadow: 0 8px 20px rgba(220, 53, 69, 0.4);
+    }
+
     .stTextArea>div>div>textarea {
+        border-radius: 10px;
+        border: 1px solid #ced4da;
+        padding: 15px;
+        font-size: 1.05em;
+        box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
+        transition: border-color 0.3s ease-in-out;
+    }
+    .stTextArea>div>div>textarea:focus {
+        border-color: #007bff;
+        outline: none;
+    }
+
+    /* Streamlit message boxes */
+    .stSuccess {
+        background-color: #d4edda;
+        color: #155724;
+        border-radius: 8px;
+        padding: 15px;
+        border: 1px solid #c3e6cb;
+        font-weight: bold;
+    }
+    .stError {
+        background-color: #f8d7da;
+        color: #721c24;
+        border-radius: 8px;
+        padding: 15px;
+        border: 1px solid #f5c6cb;
+        font-weight: bold;
+    }
+    .stWarning {
+        background-color: #fff3cd;
+        color: #856404;
+        border-radius: 8px;
+        padding: 15px;
+        border: 1px solid #ffeeba;
+        font-weight: bold;
+    }
+    .stInfo {
+        background-color: #d1ecf1;
+        color: #0c5460;
         border-radius: 8px;
-        border: 1px solid #ccc;
         padding: 10px;
+        border: 1px solid #bee5eb;
+        margin-top: 10px;
+    }
+
+    /* Markdown styling for titles and text */
+    h1 {
+        color: #007bff;
+        text-align: center;
+        font-weight: 700;
+        margin-bottom: 20px;
+    }
+    h2, h3, h4, h5, h6 {
+        color: #343a40;
+        margin-top: 25px;
+        margin-bottom: 15px;
+    }
+    p {
+        line-height: 1.6;
     }
     </style>
     """,
     unsafe_allow_html=True
-)
+)
+
+# Footer
+st.markdown(
+    """
+    <div style="text-align: center; margin-top: 50px; padding: 20px; border-top: 1px solid #eee; color: #6c757d;">
+        <p>Built with ❤️ using Streamlit and pure Python.</p>
+    </div>
+    """,
+    unsafe_allow_html=True
+)