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.