https://github.com/attilacsanyi/binance-pulse

Real-time order book visualization for Binance trading pairs
https://github.com/attilacsanyi/binance-pulse

angular angularmaterial netlify nx-workspace signals signalstore tailwindcss

Last synced: about 2 months ago
JSON representation

Real-time order book visualization for Binance trading pairs

• Host: GitHub
• URL: https://github.com/attilacsanyi/binance-pulse
• Owner: attilacsanyi
• Created: 2025-02-15T10:06:47.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-22T16:17:25.000Z (about 1 year ago)
• Last Synced: 2025-04-28T13:08:08.631Z (about 1 year ago)
• Topics: angular, angularmaterial, netlify, nx-workspace, signals, signalstore, tailwindcss
• Language: TypeScript
• Homepage: https://binance-pulse.netlify.app
• Size: 990 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
![GitHub Actions Status](https://github.com/attilacsanyi/binance-pulse/actions/workflows/ci.yml/badge.svg)

# 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

```bash

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](https://nx.dev)