React dashboard for trade execution analytics — fill rates, slippage, gas efficiency, provider performance, and fee revenue.
Price: $12.99 | Store: defi-router | Product #8
trade-analytics is a production-ready React dashboard for monitoring DeFi trade execution quality. It connects to a CryptoForge DeFi Router contract via wagmi/viem for on-chain data (trade events, fee events) and supports off-chain API data for historical analysis. Built with the CryptoForge dark theme.
| Feature | Description |
|---|---|
| KPI Dashboard | Total volume, avg slippage, total fees, trade count with 7-day trends |
| Volume Chart | Area chart with 7d/30d/90d toggle for daily trade volume |
| Slippage Scatter | Scatter plot of slippage vs trade size with P50/P95 reference lines |
| Provider Comparison | Bar charts + table comparing DEX providers on volume, slippage, gas, fill rate |
| Gas Analytics | Gas cost trends, efficiency score, gas cost distribution histogram |
| Fee Revenue | Daily fee tracking, cumulative total, breakdown by token (pie chart) |
| Trade History | Sortable, paginated table of all trades with full detail |
| Dark Theme | CryptoForge branded dark UI with responsive sidebar layout |
The dashboard renders five main views:
1. Dashboard — KPI cards + volume area chart + slippage scatter plot
2. Providers — DEX provider comparison (bar charts + detail table)
3. Gas Analytics — Gas trend, distribution histogram, efficiency score
4. Fee Revenue — Daily fees, cumulative chart, token breakdown pie chart
5. Trade History — Sortable paginated table of all trades
Get the full Trade Analytics and unlock everything.
Get the complete guide with every chapter unlocked, including code samples, diagrams, and best practices.
Access all interactive tools with complete data, all workload profiles, and the full scenario library.
Downloadable source code, configuration files, and working examples from every chapter.
Free updates for life. Every new chapter, tool, and improvement included.