LongHub — Stock Tracking & Portfolio Application
Full-stack financial market dashboard with portfolio management, paper trading, and real-time data feeds
Executive Summary
Engineered LongHub, a comprehensive stock monitoring and paper trading web platform featuring an interactive React/Vite dashboard, real-time market data integration, portfolio tracking, and a resilient Spring Boot backend.
Retail stock traders and investors require responsive real-time price updates, portfolio performance visualizations, and low-latency order execution simulation without database performance bottlenecks.
Built a high-performance React/TypeScript frontend with dynamic price charts and responsive tabular data views, connected to a Spring Boot microservice architecture powered by Apache Kafka event streaming, Redis caching, and WebSockets.
Architecture Specification
React + TypeScript + Vite frontend client utilizing TanStack Query for state synchronization, communicating via REST APIs and WebSockets with Spring Boot microservices, Apache Kafka message bus, Redis cache layer, and PostgreSQL database.
Technical Decisions & Trade-offs
Business Impact & Results
- Delivered sub-100ms real-time market price updates via WebSocket streaming.
- Optimized database throughput by 30% through strategic Redis caching.
- Built a responsive financial dashboard supporting seamless mobile and desktop stock tracking.
Lessons Learned
Integrating real-time WebSocket feeds with React frontend state management requires strict data normalisation to maintain smooth 60fps rendering during market volatility.