Role: Main developer — owned the platform end-to-end: the Next.js trading UI, the Rust indexer/backend, the on-chain integration, and CI/CD.
feels-web on Next.js 16 App Router, React 19, and TypeScript strict, Bun-first toolchain. 30+ trading components — market catalog, token swap, position detail with tick-range visualization, k-line price charts, launch console, and vault redemption. A single API proxy is the only browser-to-indexer ingress, enforced by a custom ESLint rule that bans raw cross-origin fetch.
Key Features
- Next.js 16 App Router with (trading)/(content) route groups, React 19, TypeScript strict
- 30+ trading components including tick-range position visualization and k-line price charts
- Hand-rolled wallet discovery across Phantom, Magic Eden, OKX, and Backpack
- TxPort adapter for swappable mock vs real transactions
- Single /api/indexer proxy ingress enforced by a custom ESLint rule
- WASM vanity-address miner served with COEP/CORP headers, plus Metaplex metadata flow
Tech Stack
Frontend
Solana & Web3
Testing & Observability
Indexer
Storage & Search
Challenges & Solutions
Untrusted Browser-to-Indexer Access
A trading SPA talking directly to the indexer from the browser opens cross-origin fetch and token-leak risks, and the boundary erodes the moment any component reaches for a raw fetch.
Routed all browser-to-indexer traffic through a single API proxy as the only ingress, and enforced it with a custom ESLint rule that bans raw cross-origin fetch in the app, removing whole classes of CSRF and token-leak bugs.
Slow, Flaky Full-Stack Tests
On-chain integration tests against a live validator were slow and non-deterministic, and env drift between frontend, RPC, indexer, and on-chain program made failures hard to trust.
Built a two-lane Playwright setup — a deterministic test-wallet lane and a LiteSVM in-memory RPC lane — and added a deployment-coherence pre-check asserting frontend env, RPC, indexer URL, program ID, and token mints all match before any product assertion runs.
Indexing High-Volume On-Chain State
Deserializing and serving 10+ Solana account types and on-chain events at trading-app latency needs more than a single database can offer.
Built a Rust indexer on Tokio over a four-backend storage layer — PostgreSQL for analytics, RocksDB for raw account state, Redis for hot cache, and Tantivy for token search — with discriminator-routed Borsh deserialization and a Cargo feature flag switching between mock Geyser and Yellowstone gRPC streaming.