Upload 2 files

app.py

@@ -0,0 +1,379 @@
+import streamlit as st
+import pandas as pd
+import numpy as np
+import pickle
+from PIL import Image
+import plotly.express as px
+import plotly.graph_objects as go
+from streamlit_lottie import st_lottie
+import requests
+import json
+from streamlit_option_menu import option_menu
+import time
+
+
+# Ajoutez ceci au début du code, juste après les imports
+@st.cache_resource
+def load_model():
+    """
+    Charge le modèle sauvegardé
+    """
+    try:
+        with open('models/best_model.pkl', 'rb') as f:
+            model = pickle.load(f)
+        return model
+    except Exception as e:
+        st.error(f"Erreur lors du chargement du modèle: {str(e)}")
+        return None
+    
+    
+# Configuration de la page
+st.set_page_config(
+    page_title="HeartGuard AI - Prédiction de Risque Cardiaque",
+    page_icon="❤️",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
+# Style CSS personnalisé
+st.markdown("""
+    <style>
+    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
+    
+    * {
+        font-family: 'Poppins', sans-serif;
+    }
+    
+    .main {
+        background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
+    }
+    
+    .stButton>button {
+        background: linear-gradient(45deg, #ff4b4b, #ff6b6b);
+        color: white;
+        border-radius: 25px;
+        padding: 10px 25px;
+        border: none;
+        box-shadow: 0 4px 15px rgba(255, 75, 75, 0.3);
+        transition: all 0.3s ease;
+    }
+    
+    .stButton>button:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba(255, 75, 75, 0.4);
+    }
+    
+    .sidebar .sidebar-content {
+        background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
+        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
+    }
+    
+    .stSelectbox, .stNumberInput {
+        border-radius: 10px;
+    }
+    
+    .css-1d391kg {
+        padding: 2rem 1rem;
+    }
+    
+    .stProgress > div > div {
+        background-color: #ff4b4b;
+    }
+    
+    .stMarkdown {
+        color: #2c3e50;
+    }
+    
+    .stAlert {
+        border-radius: 10px;
+    }
+    
+    .css-1v0mbdj {
+        border-radius: 10px;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+# Fonction pour charger les animations Lottie
+def load_lottieurl(url: str):
+    r = requests.get(url)
+    if r.status_code != 200:
+        return None
+    return r.json()
+
+# Chargement des animations
+heart_animation = load_lottieurl("https://assets5.lottiefiles.com/packages/lf20_49rdyysj.json")
+loading_animation = load_lottieurl("https://assets3.lottiefiles.com/packages/lf20_p8bfn5to.json")
+
+# Sidebar avec menu stylisé
+with st.sidebar:
+    st_lottie(heart_animation, height=150, key="sidebar_animation")
+    
+    selected = option_menu(
+        menu_title="Navigation",
+        options=["Accueil", "Prédiction", "À Propos"],
+        icons=['house', 'heart-pulse', 'info-circle'],
+        menu_icon="cast",
+        default_index=0,
+        styles={
+            "container": {"padding": "0!important", "background-color": "#ffffff"},
+            "icon": {"color": "#ff4b4b", "font-size": "20px"},
+            "nav-link": {
+                "font-size": "16px",
+                "text-align": "left",
+                "margin": "0px",
+                "padding": "10px",
+                "--hover-color": "#ff4b4b",
+            },
+            "nav-link-selected": {"background-color": "#ff4b4b"},
+        }
+    )
+
+# Contenu principal
+if selected == "Accueil":
+    st.title("❤️ HeartGuard AI")
+    st.markdown("### Votre Assistant de Santé Cardiaque Intelligent")
+    
+    col1, col2 = st.columns([2, 1])
+    with col1:
+        st.markdown("""
+        Bienvenue dans HeartGuard AI, votre outil de prédiction de risque cardiaque basé sur l'intelligence artificielle.
+        
+        Notre application utilise des algorithmes avancés de machine learning pour évaluer votre risque cardiaque
+        en fonction de plusieurs paramètres de santé.
+        
+        ### Fonctionnalités principales :
+        - 🔍 Analyse précise des facteurs de risque
+        - 📊 Visualisations interactives
+        - 🎯 Prédictions en temps réel
+        - 📱 Interface intuitive et moderne
+        """)
+    
+    with col2:
+        st_lottie(heart_animation, height=300, key="main_animation")
+
+elif selected == "Prédiction":
+    st.title("Prédiction de Risque Cardiaque")
+    
+    # Formulaire de prédiction avec animation de chargement
+    with st.form("prediction_form"):
+        col1, col2 = st.columns(2)
+        
+        with col1:
+            st.subheader("Informations Personnelles")
+            age = st.number_input("Âge", min_value=0, max_value=120, value=50)
+            male = st.selectbox("Genre", ["Femme", "Homme"])
+            male = 1 if male == "Homme" else 0
+            
+            st.subheader("Mode de Vie")
+            current_smoker = st.selectbox("Fumeur actuel", ["Non", "Oui"])
+            current_smoker = 1 if current_smoker == "Oui" else 0
+            cigs_per_day = st.number_input("Nombre de cigarettes par jour", min_value=0, max_value=100, value=0)
+        
+        with col2:
+            st.subheader("Paramètres de Santé")
+            bp_meds = st.selectbox("Médicaments pour la tension", ["Non", "Oui"])
+            bp_meds = 1 if bp_meds == "Oui" else 0
+            diabetes = st.selectbox("Diabète", ["Non", "Oui"])
+            diabetes = 1 if diabetes == "Oui" else 0
+            tot_chol = st.number_input("Cholestérol total", min_value=0, max_value=700, value=200)
+            sys_bp = st.number_input("Pression artérielle systolique", min_value=0, max_value=300, value=120)
+            dia_bp = st.number_input("Pression artérielle diastolique", min_value=0, max_value=200, value=80)
+            bmi = st.number_input("IMC", min_value=0.0, max_value=100.0, value=25.0)
+            heart_rate = st.number_input("Fréquence cardiaque", min_value=0, max_value=200, value=75)
+            glucose = st.number_input("Glucose", min_value=0, max_value=400, value=80)
+        
+        submit_button = st.form_submit_button("Analyser le Risque")
+        
+        if submit_button:
+            with st.spinner("Analyse en cours..."):
+                st_lottie(loading_animation, height=100, key="loading")
+                
+                # Préparation des données
+                input_data = pd.DataFrame({
+                    'male': [male],
+                    'age': [age],
+                    'currentSmoker': [current_smoker],
+                    'cigsPerDay': [cigs_per_day],
+                    'BPMeds': [bp_meds],
+                    'diabetes': [diabetes],
+                    'totChol': [tot_chol],
+                    'sysBP': [sys_bp],
+                    'diaBP': [dia_bp],
+                    'BMI': [bmi],
+                    'heartRate': [heart_rate],
+                    'glucose': [glucose]
+                })
+                
+                # Chargement et prédiction
+                model = load_model()
+                prediction = model.predict(input_data)[0]
+                probability = model.predict_proba(input_data)[0]
+                
+                # Affichage des résultats avec animations
+                st.markdown("---")
+                col1, col2, col3 = st.columns(3)
+                
+                with col1:
+                    st.subheader("Résultat de l'Analyse")
+                    if prediction == 0:
+                        st.success("Risque Cardiaque: Faible")
+                    else:
+                        st.error("Risque Cardiaque: Élevé")
+                
+                with col2:
+                    st.subheader("Probabilité de Risque")
+                    fig = go.Figure(go.Indicator(
+                        mode="gauge+number+delta",
+                        value=probability[1]*100,
+                        domain={'x': [0, 1], 'y': [0, 1]},
+                        title={'text': "Probabilité (%)"},
+                        gauge={
+                            'axis': {'range': [0, 100]},
+                            'bar': {'color': "darkblue"},
+                            'steps': [
+                                {'range': [0, 30], 'color': "lightgreen"},
+                                {'range': [30, 70], 'color': "yellow"},
+                                {'range': [70, 100], 'color': "red"}
+                            ],
+                            'threshold': {
+                                'line': {'color': "red", 'width': 4},
+                                'thickness': 0.75,
+                                'value': 50
+                            }
+                        }))
+                    st.plotly_chart(fig, use_container_width=True)
+                
+                with col3:
+                    st.subheader("Facteurs de Risque")
+                    risk_factors = []
+                    if age > 60: risk_factors.append("Âge avancé")
+                    if current_smoker: risk_factors.append("Tabagisme")
+                    if bp_meds: risk_factors.append("Hypertension")
+                    if diabetes: risk_factors.append("Diabète")
+                    if bmi > 30: risk_factors.append("Obésité")
+                    if tot_chol > 240: risk_factors.append("Cholestérol élevé")
+                    
+                    if risk_factors:
+                        for factor in risk_factors:
+                            st.warning(factor)
+                    else:
+                        st.info("Aucun facteur de risque majeur identifié")
+
+elif selected == "À Propos":
+    st.markdown("""
+        <style>
+        .about-container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .title {
+            color: #2c3e50;
+            font-size: 2.5em;
+            text-align: center;
+            margin-bottom: 30px;
+            font-weight: 600;
+        }
+        .description {
+            color: #555;
+            font-size: 1.1em;
+            line-height: 1.6;
+            text-align: center;
+            margin-bottom: 40px;
+            padding: 0 20px;
+        }
+        .profile-container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 20px;
+            padding: 20px;
+        }
+        .profile-image {
+            width: 200px;
+            height: 200px;
+            border-radius: 50%;
+            border: 4px solid #ff4b4b;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+            object-fit: cover;
+        }
+        .profile-info {
+            text-align: center;
+        }
+        .profile-info h4 {
+            color: #2c3e50;
+            font-size: 1.8em;
+            margin: 10px 0;
+        }
+        .contact-info {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            align-items: center;
+            margin-top: 15px;
+        }
+        .contact-link {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            color: #555;
+            text-decoration: none;
+            padding: 8px 15px;
+            border-radius: 25px;
+            background: #f8f9fa;
+            transition: all 0.3s ease;
+        }
+        .contact-link:hover {
+            background: #ff4b4b;
+            color: white;
+            transform: translateY(-2px);
+        }
+        </style>
+        
+        <div class="about-container">
+            <h1 class="title">Mon Parcours</h1>
+            
+            <p class="description">
+                Je suis un passionné de l'intelligence artificielle et de la donnée. 
+                Actuellement en Master 2 en IA et Big Data, je travaille sur des solutions 
+                innovantes dans le domaine de l'Intelligence Artificielle appliquée à la santé.
+            </p>
+            
+            <div class="profile-container">
+                <img src="https://avatars.githubusercontent.com/u/TheBeyonder237" 
+                     alt="Ngoue David" 
+                     class="profile-image">
+                
+                <div class="profile-info">
+                    <h4>Ngoue David</h4>
+                    
+                    <div class="contact-info">
+                        <a href="mailto:ngouedavidrogeryannick@gmail.com" class="contact-link">
+                            📧 ngouedavidrogeryannick@gmail.com
+                        </a>
+                        <a href="https://github.com/TheBeyonder237" target="_blank" class="contact-link">
+                            🌐 Profil GitHub
+                        </a>
+                        <div class="contact-link">
+                            🎓 Master 2 IA & Big Data
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    """, unsafe_allow_html=True)
+    
+    # Ajout d'une animation Lottie
+    st_lottie(heart_animation, height=200, key="about_animation")
+    
+    # Footer
+    st.markdown("""
+        <div style="text-align: center; margin-top: 30px; color: #666;">
+            <p>Développé avec ❤️ par Ngoue David</p>
+            <p style="font-size: 0.8em;">© 2024 HeartGuard AI. Tous droits réservés.</p>
+        </div>
+    """, unsafe_allow_html=True)

best_model.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f1eb3c39a9a250d346ec0818bb84b68eb9790c19e977e35c3da21d031312ba85
+size 7392293