Update app.py

app.py

@@ -2,13 +2,13 @@ import streamlit as st
 import requests
 from datetime import datetime
 
-# Fetch live exchange rates from an API
+# Fetch live exchange rates
 def fetch_exchange_rates(base_currency="USD"):
-    url = f"https://v6.exchangerate-api.com/v6/YOUR_API_KEY/latest/{base_currency}"
+    url = f"https://api.exchangerate-api.com/v4/latest/{base_currency}"
     response = requests.get(url)
     data = response.json()
     if response.status_code == 200:
-        return data['conversion_rates']
+        return data['rates']
     else:
         st.error("Error fetching data. Please try again later.")
         return {}
@@ -22,7 +22,7 @@ def convert_currency(amount, from_currency, to_currency, rates):
     return converted_amount
 
 # Set page config
-st.set_page_config(page_title="Currency Converter", page_icon="💸", layout="wide")
+st.set_page_config(page_title="Currency Converter", page_icon="💰", layout="wide")
 
 # Sidebar - Display current date
 now = datetime.now()
@@ -34,12 +34,12 @@ st.sidebar.title("Currency Converter")
 
 # Sidebar - Description
 st.sidebar.markdown("""
-    This app allows you to convert between different currencies, including Pakistani Rupees (PKR).
+    This app allows you to convert between different currencies.
     Simply select the currencies, enter the amount, and click 'Convert'.
 """)
 
-# Sidebar - Currency list (includes popular and some less common currencies)
-currency_list = ['USD', 'EUR', 'GBP', 'INR', 'AUD', 'CAD', 'JPY', 'CNY', 'CHF', 'MXN', 'PKR', 'ZAR', 'RUB', 'BRL', 'NZD']
+# Sidebar - Currency list (use the most popular currencies)
+currency_list = ['USD', 'EUR', 'GBP', 'INR', 'AUD', 'CAD', 'JPY', 'CNY', 'CHF', 'MXN']
 
 # Main title
 st.title("Currency Conversion App")
@@ -48,13 +48,13 @@ st.title("Currency Conversion App")
 st.markdown("""
     <style>
     .reportview-container {
-        background-color: #f9f9f9;  /* Light background */
+        background-color: #f0f8ff;  /* Light Blue background */
     }
     .sidebar .sidebar-content {
-        background-color: #f9f9f9;  /* Sidebar background color */
+        background-color: #f0f8ff;  /* Light Blue for sidebar */
     }
     .stButton>button {
-        background-color: #4CAF50;
+        background-color: #008CBA;
         color: white;
         font-size: 16px;
         border-radius: 5px;
@@ -62,7 +62,7 @@ st.markdown("""
         border: none;
     }
     .stButton>button:hover {
-        background-color: #45a049;
+        background-color: #005f6a;
     }
     </style>
     """, unsafe_allow_html=True)