File size: 3,793 Bytes
73e2c23
fb34b67
f88b23b
73e2c23
f36d8be
909d104
fb34b67
fad3595
cd34288
 
fad3595
cd34288
 
 
 
fad3595
f88b23b
 
817ca87
fad3595
817ca87
f88b23b
 
 
fb34b67
f36d8be
 
 
34ae532
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
f36d8be
 
 
fb34b67
909d104
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
fad3595
909d104
5f5054f
909d104
 
 
fad3595
f36d8be
2281c85
fad3595
 
2281c85
 
 
f36d8be
fb34b67
f36d8be
f88b23b
f36d8be
f88b23b
f36d8be
0c44fd4
f88b23b
 
 
f36d8be
f88b23b
 
f36d8be
f88b23b
 
 
 
 
 
f36d8be
f88b23b
f36d8be
f88b23b
 
f36d8be
 
3678ab7
304c41c
87b5b00
ed4c630
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
import streamlit as st
import pandas as pd
import numpy as np

# Page configuration
st.set_page_config(page_title="Electronics Sales Analysis", layout="wide")

# Title with centered alignment
st.markdown(
    """
    <h1 style="text-align: center; color: white;">📱 Consumer Electronics Sales Analysis and ML Model 💻</h1>
    """, 
    unsafe_allow_html=True
)

# Main image with 90% width
st.markdown(
    """
    <div style="text-align: center;">
        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/dV0WXaXfOUrNjQmNQkspQ.jpeg" width="90%" />
    </div>
    """, 
    unsafe_allow_html=True
)

# Project description
st.markdown(
    """
    ## Project Title: 📱Consumer Electronics Sales | EDA + Model 💻:
    
    ##### 📊 Data Exploration and Preprocessing:
    - Preparing data by encoding categorical features like "ProductCategory" and "ProductBrand" and scaling numerical data such as "price" and "rating", as the dataset has minimal outliers or missing values.
    - Analyzing trends in **Product Categories**, **Brands**, **Prices**, **CustomerAge**, etc., to identify influential factors.
    
    ##### 🤖 Predictive Modeling:
    - **Target Variable**: Predicting key metrics like *PurchaseIntent*.
    - **Model Selection**: Building ML models such as **KNN**, **Logistic Regression**, and **Support Vector Machine** for classification tasks.
    - **Feature Engineering**: Extracting insights from **ProductCategory**, **ProductBrand**, and label encoding.
    
    ##### 📈 Model Evaluation:
    - Comparing model performance using metrics like **accuracy**, **F1 score**, or **Log-loss score**, depending on the task.
    - Employing techniques like **hyperparameter tuning** and **cross-validation** for optimization.
    
    ##### By integrating **machine learning** with **data analysis**, this project empowers the Electronics market to enhance customer satisfaction, optimize pricing strategies according to purchase intent, and maximize profitability.
    """, 
    unsafe_allow_html=True
)

# Custom title styling
st.markdown(
    """
    <style>
        .title {
            color: white;  /* White color for better visibility */
            font-size: 36px;  /* Large font size */
            font-weight: bold;  /* Bold text */
            text-align: center;  /* Center alignment */
            margin-top: 20px;
        }
    </style>
    """, 
    unsafe_allow_html=True
)

# Flowchart title
st.markdown(
    '<div class="title">Electronics Sales Analysis and Model Creation Flow</div>', 
    unsafe_allow_html=True
)

# Flowchart GIF with 90% width
st.markdown(
    """
    <div style="text-align: center;">
        <img src="https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/BNnk1RdpWhdjTnW9Wm5gA.gif" alt="classification-project-flowchart.gif" width="90%" />
    </div>
    """, 
    unsafe_allow_html=True
)

# Custom background with overlay
st.markdown(
    """
    <style>
        .stApp {
            background-image: url("https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/cQN7GOIFQytVGZ-UzJYcR.jpeg");
            background-size: cover;
            background-position: center;
            height: 100vh;
        }
        
        /* Semi-transparent overlay */
        .stApp::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);  /* 40% transparency */
            z-index: -1;
        }
    </style>
    """, 
    unsafe_allow_html=True
)

# Center-aligned button with emoji and functionality
if st.button("Next ⏭️"):
    st.switch_page("pages/0_Problem-Statement_and_Aim.py")