BetaWeb & App Development

RNGcrypto

Trading performance dashboard

Next.jsReactSQLiteData Visualization
0ms
Data Sync Delay
5+
Performance Metrics
24/7
Live Updates
The Problem

Trading bots generate data constantly, but raw logs and database queries aren't useful for quick decision-making. You need a visual interface that shows what matters: are you making money, is the strategy working, and should you intervene?

The Solution

A purpose-built dark-mode web dashboard that reads directly from the trading bot's SQLite database. Shows live P&L, trade history with entry/exit markers, strategy performance metrics, and real-time position status — all auto-refreshing.

How It Works

1

Direct Database Read

The dashboard reads the trading bot's SQLite database directly. No API layer, no sync delay. The data you see is the data the bot is acting on.

2

Real-Time Metrics

Win rate, Sharpe ratio, max drawdown, profit factor, and cumulative P&L — all calculated server-side and streamed to the client with auto-refresh.

3

Trade Visualization

Live feed of trades with entry/exit prices, side indicators, PnL per trade, and time-in-position. Color-coded for instant profit/loss identification.

Key Features

✓

Dark-Mode Native

Built for dark environments with a neon green (#00FF88) accent for profits and red (#FF3B5C) for losses. Designed for quick scanning, not reading.

✓

Live Trade Feed

Every trade shows entry price, exit price, side, leverage, PnL in dollars and percent, and hold duration. Auto-refreshes without page reload.

✓

Strategy Health Monitor

Tracks whether the bot's strategy is performing within expected parameters. Alerts when drawdown exceeds thresholds or win rate drops below baseline.

Tech Stack

Next.js 16Full-stack framework
React 19UI components
Tailwind 4Dark-mode styling
better-sqlite3Direct database access

Need something like this?

Every project starts with a conversation. Tell us the problem and we'll figure out the build.