Modern SPA Demo

BLX - Interactive SPA Demo

Explore two powerful interactive features: a draggable workspace with persistent state and real-time Bitcoin transaction tracking via WebSocket integration

Interactive Workspace
Drag, resize, and manage interactive blocks with persistent state
  • Drag & drop blocks freely with grid snapping
  • Resize blocks dynamically with visual handles
  • Z-index control with click interactions
  • Delete and restore functionality
  • Persistent state across browser sessions
Bitcoin Tracker
Real-time Bitcoin transaction monitoring via WebSocket
  • Live transaction updates from Blockchain API
  • Real-time sum calculation and display
  • Start/stop/reset controls
  • Transaction history with details
  • Automatic reconnection handling

Technical Highlights

Lazy Loading

Components load only when needed, optimizing performance and user experience

Persistent State

All interactions and data persist across browser sessions using localStorage

Responsive Design

Fully responsive interface that works seamlessly on all device sizes