Skip to content
0, 0
Jiaming Wang
Jiaming WangNavigation
Creative Technologist · 2026PressEscto close
Alpha Deck — Web Development project
All Work
Web Development
~2 min read2025

Alpha Deck

Scroll to read

Index

01/14

Year

2025

Role

Full-Stack Engineer & Designer

Read

2 min

214 words

Media

13 items

Stack

Finance · Simulation · Trading · AI · Full Stack · Real-Time · Gamification

Bloomberg Terminal meets Flight Simulator. Alpha Deck is a gamified trading platform where users practice investment strategies using authentic historical market data — complete with TradingView charting, real-time AI coaching powered by Claude, XP progression, and PvP trading battles.

01

Live Experience

Launch the trading simulator directly below — practice strategies, read charts, and engage the AI coach without leaving the page.

Alpha Deck
Launching Experience
fin-sim-flame.vercel.app/home
Open ↗
02

Concept

Alpha Deck is built on a single thesis: the best way to learn trading is to trade — with consequences, without real money. Modeled on flight simulators used to train pilots, the platform replays authentic historical market data so every price movement is grounded in reality, not randomized noise. The result is a professional-grade practice environment that meets users where they are, whether they're studying their first candlestick chart or refining an options strategy.

03

Stack & Architecture

Frontend built on Next.js 15 with TypeScript (98.4% of codebase), TradingView Lightweight Charts for professional candlestick rendering, and D3.js for custom data visualizations. State managed with Zustand and React Query. Backend runs Next.js API Routes with tRPC for type-safe communication, PostgreSQL on Supabase with Drizzle ORM, and real-time updates via Supabase Realtime and Socket.io. Market data sourced from Polygon.io, Alpha Vantage, and Yahoo Finance. AI coaching layer powered by Anthropic Claude API. Deployed on Vercel.

Gallery
Alpha Deck - Image 1
1 / 13
Click to expand · Scroll for more
Alpha Deck - Image 2
2 / 13
Alpha Deck - Image 3
3 / 13
Alpha Deck - Image 4
4 / 13
Alpha Deck - Image 5
5 / 13
Alpha Deck - Image 6
6 / 13
Alpha Deck - Image 7
7 / 13
Alpha Deck - Image 8
8 / 13
Alpha Deck - Image 9
9 / 13
Alpha Deck - Image 10
10 / 13
Alpha Deck - Image 11
11 / 13
Alpha Deck - Image 12
12 / 13
Alpha Deck - Image 13
13 / 13
Tags

Tools Used

Next.js 15TypeScriptTailwind CSSSupabaseTradingViewD3.jsAnthropic Claude APIVercel
More Web DevelopmentView all →
All Work
Get in Touch →