Update app.py

app.py

@@ -1,33 +1,85 @@
-from dash import Dash, dcc, html
+import dash
+from dash import dcc, html, Input, Output
 import plotly.graph_objs as go
-import pandas as pd
 import ccxt
+import pandas as pd
+
+# Initialize Dash app
+app = dash.Dash(__name__)
+server = app.server
+
+# Setup MEXC exchange
+exchange = ccxt.mexc()
 
-app = Dash(__name__)
-symbol = "BTC/USDT"
-timeframe = "1h"
+# Supported trading pairs and timeframes
+symbols = ["BTC/USDT", "ETH/USDT", "BNB/USDT", "SOL/USDT"]
+timeframes = ["1m", "5m", "15m", "1h", "4h", "1d"]
 
-def fetch_data(symbol, timeframe):
-    binance = ccxt.binance()
-    ohlcv = binance.fetch_ohlcv(symbol, timeframe=timeframe)
+# Default values
+default_symbol = "BTC/USDT"
+default_timeframe = "1h"
+
+# Helper to fetch OHLCV
+def fetch_ohlcv(symbol, timeframe):
+    ohlcv = exchange.fetch_ohlcv(symbol, timeframe)
     df = pd.DataFrame(ohlcv, columns=["timestamp", "open", "high", "low", "close", "volume"])
     df["timestamp"] = pd.to_datetime(df["timestamp"], unit="ms")
     return df
 
-df = fetch_data(symbol, timeframe)
-
-fig = go.Figure(data=[go.Candlestick(
-    x=df["timestamp"],
-    open=df["open"],
-    high=df["high"],
-    low=df["low"],
-    close=df["close"]
-)])
-
+# Layout
 app.layout = html.Div([
-    html.H2("Crypto Signal Generator (Docker Dash)"),
-    dcc.Graph(id="candlestick-chart", figure=fig)
+    html.H1("📊 TraderX AI - MEXC Crypto Dashboard"),
+    html.Div([
+        html.Label("Symbol:"),
+        dcc.Dropdown(
+            id="symbol-dropdown",
+            options=[{"label": s, "value": s} for s in symbols],
+            value=default_symbol,
+            style={"width": "200px"}
+        ),
+        html.Label("Timeframe:", style={"marginLeft": "20px"}),
+        dcc.Dropdown(
+            id="timeframe-dropdown",
+            options=[{"label": tf, "value": tf} for tf in timeframes],
+            value=default_timeframe,
+            style={"width": "120px"}
+        ),
+    ], style={"display": "flex", "alignItems": "center", "marginBottom": "20px"}),
+
+    dcc.Graph(id="price-chart")
 ])
 
+# Callback
+@app.callback(
+    Output("price-chart", "figure"),
+    Input("symbol-dropdown", "value"),
+    Input("timeframe-dropdown", "value")
+)
+def update_chart(symbol, timeframe):
+    try:
+        df = fetch_ohlcv(symbol, timeframe)
+
+        candle = go.Candlestick(
+            x=df["timestamp"],
+            open=df["open"],
+            high=df["high"],
+            low=df["low"],
+            close=df["close"],
+            name="Price"
+        )
+
+        layout = go.Layout(
+            title=f"{symbol} - {timeframe} Chart (MEXC)",
+            xaxis={"title": "Time", "rangeslider": {"visible": True}},
+            yaxis={"title": "Price (USDT)"},
+            height=600
+        )
+
+        return {"data": [candle], "layout": layout}
+
+    except Exception as e:
+        return {"data": [], "layout": go.Layout(title=f"Error: {str(e)}")}
+
+# Run app
 if __name__ == "__main__":
-    app.run_server(debug=False, host="0.0.0.0", port=7860)
+    app.run_server(host="0.0.0.0", port=7860)