Binance Pulse

Real-time order book visualization for Binance trading pairs.

Features

• Real-time order book data via WebSocket
• Multiple order books simultaneously
• Trading pair autocomplete (USDC pairs by default)
• Responsive grid layout

Getting Started

pnpm install    # Install dependencies
pnpm start      # Development server
pnpm build      # Production build
pnpm test       # Run tests
pnpm lint       # Run linter
pnpm demo       # Local production preview
pnpm graph      # View dependency graph

Architecture

Libraries

Library	Purpose
core	Environment config, BinanceService
layout	Header, navbar components
order-book	Order book page, components, store, WebSocket service

Binance API

Uses data-api.binance.vision and data-stream.binance.vision for market data:

• Trading pairs: REST API /exchangeInfo (filtered by quote asset, default: USDC)
• Order book: WebSocket {symbol}@depth5@100ms stream

No API keys required - public market data only.

State Management

NgRx Signal Store with computed signals for derived state.

Deployment

Netlify deployment via GitHub Actions (ci.yml).

---

Built with Nx