orderbook-kraken

Project Title: Kraken Time-Travel Orderbook: High-Frequency Market Replay Tool

Tagline: A professional-grade market visualizer that lets traders rewind time to analyze liquidity depth and market movements with millisecond precision.

Overview

In high-frequency markets, alpha is often found in the moments we miss—a flash crash, a sudden wall of liquidity, or a cascading liquidation. Most orderbooks only show the "now." Kraken Time-Travel gives traders the power to pause, rewind, and replay market history instantly.

Built for the Kraken Forge Hackathon (Track #2), this application is engineered not just as a display, but as a high-performance analytical instrument. It features a custom-built historical buffer engine that captures WebSocket snapshots without impacting rendering performance, wrapped in a "judge-ready" dark-mode UI that prioritizes data density and clarity.

Key Features

• ⏪ Time Travel Engine: Scrub back through the last ~60 seconds of market history to analyze exactly how the orderbook looked during volatility events.
• ⚡ Web Worker Architecture: All WebSocket processing, orderbook diffing, and buffer management is offloaded to a dedicated Web Worker, ensuring the UI remains buttery smooth (60fps) even during max-load updates.
• 📊 Professional Depth Visualisation: Custom ECharts implementation with Logarithmic scaling to visualize deep liquidity walls that linear charts miss.
• 🎨 "Exchange-Grade" UX: No generic components. Custom-built pill selectors, high-density data tables, and distinct "Live" vs "History" visual modes designed for elite traders.

Technical Highlights

• State Management: Zustand for high-performance, transient state management (handling ~100+ state updates/sec).
• Performance: React.memo and strict dependency arrays to prevent wasted re-renders.
• Tech Stack: React, TypeScript, Tailwind CSS, Vite, ECharts.