Project Deep Dive: Live Market Screener

This project focused on one hard constraint: market data arrives faster than the UI should render. The screener ingests high-frequency Binance updates and transforms them into stable, readable views without freezing the browser.

Problem to solve

In volatile sessions, stream throughput spikes quickly. If every event triggers immediate rendering, the interface stalls and users lose trust in the numbers.

Key implementation decisions

  • Stream handling tuned for continuous websocket traffic
  • Normalization layer to keep symbol data consistent
  • Batched UI updates to preserve smooth interactions
  • Client-side filtering and sorting for rapid scan workflows

Impact

The final result is a serverless dashboard that stays fast under pressure and is usable for active monitoring, not just static snapshots.

Stack

React, WebSockets, Binance API.

Repository

https://github.com/hgosansn/bnc-screener