Trading Showcase

What it is

The frontend is React 19 + Vite rendering WebGL scenes through Three.js and React Three Fiber: a 2,000-particle animated hero field, a 3D network topology of the multi-VPS infrastructure, and an equity curve, with GSAP and Framer Motion driving the motion. A FastAPI backend acts as a read-only proxy in front of my internal trading and Kaleo dashboard APIs, so nothing public ever touches the live system directly. Each of the five endpoints (stats, agents, trades, strategies, health) carries its own SlowAPI rate limit, CORS is pinned to the production origin plus localhost, and upstream calls have a 5-second timeout that falls back to safe defaults rather than erroring. A React hook polls those endpoints to feed live equity, win rate, and agent heartbeats into the 3D scenes. It deploys to Hostinger behind nginx with Let's Encrypt SSL and a systemd-managed API service.

Highlights

• ◆React 19 + Vite front end with Three.js / React Three Fiber for the 3D scenes, GSAP and Framer Motion for animation, Tailwind v4 for the dark neon theme
• ◆Hero renders a 2,000-particle GPU buffer-geometry field with per-particle velocities and HSL color gradients, animated every frame via useFrame with position wraparound
• ◆FastAPI proxy backend: 5 read-only endpoints, each with its own SlowAPI rate limit (stats 200/min, agents/trades/strategies 60/min), locked CORS, 5s upstream timeout with fail-open fallbacks
• ◆Proxies live data from two internal sources: the Kaleo dashboard (localhost:8043) and the trading monitor API on the InterServer VPS
• ◆Full deploy pipeline: frontend build, rsync to Hostinger, Python venv, nginx config, Let's Encrypt SSL, and a systemd unit for the API, with a verify-dns.sh check script
• ◆Pytest suite split across unit, contract, integration, security, and e2e directories (two API unit test modules plus a Playwright-style frontend e2e test)