A professional-grade, real-time crypto market intelligence dashboard. One stop shop for every signal you need before placing a trade — no subscriptions, no API keys, no paywalls.
Six weighted signals aggregated into a single 0–100 score with a clear trade verdict: EASY LONGS → LEAN LONG → NEUTRAL → CAUTION → AVOID LONGS
Signals include Fear & Greed Index, VIX volatility, BTC 7-day trend, S&P 500 macro context, crypto sector breadth, and 24h market momentum — each weighted by predictive strength.
Interactive BTC / ETH / SOL charts with 1D, 7D, and 30D views. Area chart with neon gradient fill — green on up days, red on down days.
18 TradFi assets in one panel — real-time via Yahoo Finance:
| Category | Assets |
|---|---|
| Indices | S&P 500, Nasdaq, Dow Jones, VIX |
| Stocks | NVDA, AAPL, MSFT, META, GOOGL, TSLA, AMZN, COIN |
| Commodities | Gold, Crude Oil, Silver, Natural Gas |
| Forex | EUR/USD, GBP/USD, USD/JPY |
Every row shows price, % change, point change, day range bar, and a 5-day sparkline.
Side-by-side gainers and losers from the top 50 coins by market cap. Coin icons, price, and % change. Updates every 45 seconds.
Top 15 protocols ranked by total value locked. Toggle between Protocols and Chains view. Live from DefiLlama.
12 crypto categories colour-coded by 24h performance. Instant visual read on which sectors are hot and which are bleeding.
Live crypto headlines with BULLISH / BEARISH / NEUTRAL sentiment tags. Sourced from CoinDesk, The Block, Blockworks, and Decrypt.
Net 24h TVL inflows and outflows by protocol — which protocols are gaining capital and which are losing it.
Real-time supply changes for USDT, USDC, USDe, and DAI. Rising stablecoin supply = fresh capital entering the market.
- Put/Call ratio (open interest based) — market sentiment from derivatives traders
- Max Pain for nearest expiry — where market makers want price to go
- Open interest breakdown by expiry
BTC 7-day Rate of Change as a momentum bar chart. Green bars = positive momentum building. Red bars = momentum fading. Defaults to Momentum view.
Scrolling bottom ticker with live ETH volume, BTC volume, USDT volume, and market sentiment score. Always visible.
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router + Turbopack) |
| Language | TypeScript |
| Styling | Tailwind CSS v4 (CSS-based config) |
| Animation | Framer Motion |
| Charts | Recharts (AreaChart, BarChart, LineChart) |
| Data fetching | SWR with server-side API proxy routes |
| Runtime | Node.js (server-side caching, no database needed) |
All free. All live. No API keys required.
| Source | Data | Refresh |
|---|---|---|
| CoinGecko | Global market cap, coins, sectors, BTC/ETH/SOL charts | 45s |
| Alternative.me | Fear & Greed Index (0–100) | 5 min |
| DefiLlama | DeFi TVL by protocol and chain, capital flows | 5 min |
| Yahoo Finance | Stocks, indices, commodities, forex (v8 chart API) | 5 min |
| Binance Futures | ETH gas, funding rates, open interest | 30s |
| Deribit | BTC options — put/call ratio, max pain, OI by expiry | 5 min |
Browser (SWR polling)
│
▼
Next.js API Routes (/app/api/*) ← server-side proxy layer
│ ├── /api/market ← CoinGecko (in-memory cache + fallback)
│ ├── /api/feargreed ← Alternative.me
│ ├── /api/defi ← DefiLlama
│ ├── /api/gas ← Blocknative / Binance
│ ├── /api/tradfi ← Yahoo Finance v8 chart API
│ ├── /api/derivatives ← Binance Futures public endpoints
│ ├── /api/options ← Deribit public API
│ └── /api/news ← Crypto news aggregator
│
▼
External APIs (never called from browser — no CORS issues)
Why proxy routes?
- No CORS errors
- Server-side in-memory cache returns stale data on rate limits (CoinGecko 429s)
- Static fallback data ensures panels never go blank
- No API keys required — but the pattern is ready if keys are added later
- Node.js 18+
- npm or yarn
git clone https://github.com/Kernalsmelly/crypto-terminal.git
cd crypto-terminal
npm install
npm run devOpen http://localhost:3002 in your browser.
Note: The first load may show cached/fallback data for a few seconds while all API routes warm up. Everything populates automatically.
crypto-terminal/
├── app/
│ ├── api/ # Server-side proxy routes
│ │ ├── market/route.ts # CoinGecko proxy
│ │ ├── tradfi/route.ts # Yahoo Finance proxy
│ │ ├── options/route.ts # Deribit proxy
│ │ └── ...
│ ├── page.tsx # Main dashboard layout (12-col grid)
│ └── globals.css # Theme variables + scrollbar styling
├── components/
│ ├── LongConditions.tsx # 6-signal trade readiness meter
│ ├── CrossMarket.tsx # TradFi assets table with sparklines
│ ├── SentimentChart.tsx # BTC/ETH/SOL price chart
│ ├── FearGreedGauge.tsx # SVG arc gauge with animated needle
│ ├── SectorHeatmap.tsx # 12-category colour grid
│ ├── OptionsPanel.tsx # Deribit put/call ratio + max pain
│ └── ... # 15 components total
├── hooks/
│ ├── useMarketData.ts # CoinGecko SWR hooks
│ ├── useTradFi.ts # Yahoo Finance SWR hook
│ └── ... # 10 hooks total
└── lib/
├── api.ts # Shared fetch helpers + formatters
└── utils.ts # cn(), pct(), isPos()
- Dark theme — deep
#060608background with subtle ambient colour glows - Colour language — green for bullish/positive, red for bearish/negative, amber for caution, slate for neutral
- Typography — Geist Sans for readability, Geist Mono for data values and Terminal Mode
- Responsive — 12-column CSS grid collapses cleanly to single column on mobile
- Terminal Mode — toggle in the header enables monospace font + CRT scanline overlay
- Liquidation heatmap (Coinglass)
- Whale alert feed for large on-chain transactions
- Price alerts with browser push notifications
- Deploy to Vercel with zero config
- Portfolio tracker overlay
MIT — do whatever you want with it.
Built with Claude · Data from CoinGecko, DefiLlama, Yahoo Finance, Binance & Deribit