Initial Commit

app.py

@@ -1,13 +1,8 @@
 import streamlit as st
-from utils.model_utils import load_models, create_demo_model
-from pages.home import home_page
-from pages.fraud_detection import fraud_detection_page
-from pages.model_insights import model_insights_page
-from pages.analytics_dashboard import analytics_dashboard_page
 
 # Page config
 st.set_page_config(
-    page_title="🔍 E-Commerce Fraud Detection",
+    page_title="🔍 FraudLens: An E-Commerce Fraud Detection",
     page_icon="🛡️",
     layout="wide",
     initial_sidebar_state="expanded"
@@ -23,93 +18,32 @@ st.markdown("""
         margin-bottom: 2rem;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
     }
-    .metric-card {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        padding: 1.5rem;
-        border-radius: 15px;
-        color: white;
-        text-align: center;
-        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-    }
-    .fraud-alert {
-        background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
-        padding: 1.5rem;
-        border-radius: 15px;
-        color: white;
-        text-align: center;
-        box-shadow: 0 4px 15px rgba(255,107,107,0.3);
-    }
-    .safe-alert {
-        background: linear-gradient(135deg, #51cf66 0%, #40c057 100%);
-        padding: 1.5rem;
-        border-radius: 15px;
-        color: white;
-        text-align: center;
-        box-shadow: 0 4px 15px rgba(81,207,102,0.3);
-    }
-    .feature-impact {
-        background-color: #23272f;
-        color: #f8f9fa;
-        padding: 1rem;
-        border-radius: 10px;
-        margin: 0.5rem 0;
-        border-left: 4px solid #007bff;
-    }
-    .stButton > button {
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-        color: white;
-        border: none;
-        padding: 0.5rem 2rem;
-        border-radius: 25px;
-        font-weight: bold;
-        transition: all 0.3s ease;
-    }
-    .stButton > button:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
-    }
 </style>
 """, unsafe_allow_html=True)
 
-def show_footer():
-    """Enhanced footer"""
-    st.markdown("---")
-    st.markdown("""
-    <div style='text-align: center; padding: 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
-               border-radius: 15px; color: white; margin-top: 2rem;'>
-        <h3>🛡️ E-Commerce Fraud Detection System</h3>
-        <p>Powered by <strong>Explainable AI</strong> • Built with ❤️ for Security</p>
-        <p><em>Protecting businesses and customers from fraudulent transactions</em></p>
-    </div>
-    """, unsafe_allow_html=True)
+st.markdown('''
+<div class="main-header">
+    🛡️ E-Commerce Fraud Detection System
+</div>
+''', unsafe_allow_html=True)
+
+st.markdown("""
+## 🎯 Welcome to FraudLens
+
+This is the landing page for the E-Commerce Fraud Detection System. Use the navigation menu on the left to explore:
+- 🔍 Fraud Detection
+- 📊 Model Insights
+- 📈 Analytics Dashboard
 
-def main():
-    st.markdown('''
-    <div class="main-header">
-        🛡️ E-Commerce Fraud Detection System
-    </div>
-    ''', unsafe_allow_html=True)
-    with st.spinner("🔄 Loading AI models..."):
-        model, label_encoder, models_loaded = load_models()
-        if not models_loaded:
-            st.warning("🔧 Using demo mode - real models not found")
-            model, label_encoder = create_demo_model()
-    st.sidebar.title("🎯 Navigation")
-    st.sidebar.markdown("---")
-    page = st.sidebar.selectbox(
-        "Choose a section:", 
-        ["🏠 Home", "🔍 Fraud Detection", "📊 Model Insights", "📈 Analytics Dashboard"],
-        index=1
-    )
-    if page == "🏠 Home":
-        home_page()
-    elif page == "🔍 Fraud Detection":
-        fraud_detection_page(model, label_encoder)
-    elif page == "📊 Model Insights":
-        model_insights_page(model)
-    elif page == "📈 Analytics Dashboard":
-        analytics_dashboard_page()
-    show_footer()
+Protecting businesses and customers from fraudulent transactions with Explainable AI.
+""")
 
-if __name__ == "__main__":
-    main()
+st.markdown("---")
+st.markdown("""
+<div style='text-align: center; padding: 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
+           border-radius: 15px; color: white; margin-top: 2rem;'>
+    <h3>🛡️ E-Commerce Fraud Detection System</h3>
+    <p>Powered by <strong>Explainable AI</strong> • Built by <strong>FraudNinjas</strong> for Security</p>
+    <p><em>Protecting businesses and customers from fraudulent transactions</em></p>
+</div>
+""", unsafe_allow_html=True)

pages/analytics_dashboard.py

@@ -1,4 +1,5 @@
 import streamlit as st
+st.set_page_config(page_title="📈 Analytics Dashboard")
 import numpy as np
 import pandas as pd
 import plotly.express as px

pages/fraud_detection.py

@@ -1,4 +1,5 @@
 import streamlit as st
+st.set_page_config(page_title="🔍 Fraud Detection")
 import pandas as pd
 from utils.preprocessing import get_location_options, preprocess_inputs
 from utils.visualization import create_risk_gauge, explain_prediction_simple

pages/home.py

@@ -1,4 +1,5 @@
 import streamlit as st
+st.set_page_config(page_title="🏠 Home")
 
 def home_page():
     col1, col2 = st.columns([2, 1])

pages/model_insights.py

@@ -1,4 +1,5 @@
 import streamlit as st
+st.set_page_config(page_title="📊 Model Insights")
 import numpy as np
 import pandas as pd
 import plotly.express as px

requirements.txt

@@ -6,4 +6,6 @@ lightgbm
 matplotlib
 seaborn
 plotly
-joblib 
+joblib
+shap
+dice-ml