Pulse
Full-stack Developer · 2024
Year
2024
Role
Full-stack Developer
Focus
TypeScript, WebSocket, D3
About the project
Pulse was built from scratch for a fintech startup that needed to monitor transactions and market data in real-time. The main challenge was handling thousands of data points per second without degrading the UI. I architected a WebSocket layer with smart batching, built interactive D3 charts that could render live updates at 60fps, and implemented a role-based access system so different team members saw only the data relevant to their function. The dashboard now serves as the company's primary operational tool across three countries.
What needed to change
Processing 5,000+ data points per second in the browser without frame drops. The previous solution used polling, which created a 30-second data delay that was unacceptable for real-time trading decisions.
How it was approached
Architected a WebSocket layer with intelligent batching (50ms windows) to reduce re-renders. Built custom D3 charts with canvas rendering for data-heavy views. Implemented RBAC with JWT tokens and a permission matrix.
What it led to
Sub-200ms data latency, 60fps chart rendering, now the primary operational tool across 3 countries with 50+ daily active users.
