Skip to content
Nat Lee

Keyboard shortcuts

Turn these off if they get in the way of a screen reader or voice control. The setting is saved in this browser.

1
Home
2
Projects
3
About
4
Experience
/
Search projects
?
Show this panel

Web Development

Stock Trading Simulator

Real-time Trading Simulation with Learning Center

A trading simulator with a price-time matching engine, bot traders and a live order book. You can lose money here without losing any money.

Role
Creator & Maintainer
Period
2026 – Present
Status
Active
Theme
Web apps & extensions
Stock Trading Simulator, screenshot 1

Overview

A full-featured stock trading simulator that provides a realistic trading experience with real-time order matching, candlestick charts, and market analysis tools. The platform includes a sophisticated matching engine implementing price-time priority order matching with support for market orders, limit orders, and various order conditions (GTC, IOC, FOK). Three types of trading bots (MarketMakerBot, TrendBot, NoiseBot) simulate realistic market activity across different scenarios (Bull Market, Bear Market, Sideways, Volatile, Calm). The integrated Learning Center offers 19 courses across 4 categories (Beginner, Intermediate, Advanced, Investment) with interactive quizzes and progress tracking. The Practice Center enables risk-free pattern recognition training and trading simulation with rewind/replay functionality. Real-time market analysis includes trend detection, order book scanning, momentum indicators, and automatic pattern detection with confidence scores.

The problem

  • Implementing accurate price-time priority matching engine
  • Real-time order book updates and candlestick chart rendering
  • Coordinating multiple trading bots with realistic market behavior
  • Building comprehensive learning content with interactive elements
  • Pattern recognition algorithm development for chart analysis
  • Maintaining performance with high-frequency trading simulation

What I did

  • Developed custom MatchingEngine with OrderBook implementing price-time priority
  • Built efficient CandleAggregator for real-time K-line generation
  • Created BotManager to coordinate bot activities on configurable tick intervals
  • Implemented modular architecture separating matching, trading, and UI logic
  • Designed comprehensive course structure with JSON-based content management
  • Built interactive Practice Center with rewind/replay functionality for learning

Results

  • Successfully implemented real-time matching engine supporting multiple order types
  • Created realistic market simulation with three distinct bot behaviors
  • Built comprehensive learning platform with 19 structured courses
  • Developed interactive practice environment for trading skill development
  • Implemented real-time market analysis tools for trend and pattern detection
  • Achieved smooth performance with high-frequency order processing

Features

  • Real-time order matching engine with price-time priority
  • Multiple order types: Market, Limit with GTC/IOC/FOK conditions
  • Interactive candlestick charts with multiple timeframes (15s, 1m, 5m, 30m)
  • Bot-driven market simulation (MarketMakerBot, TrendBot, NoiseBot)
  • Five market scenarios: Bull, Bear, Sideways, Volatile, Calm
  • Learning Center with 19 courses across 4 categories
  • Practice Center for pattern recognition and trading simulation
  • Real-time market analysis: trend detection, order book scanning, momentum indicators
  • Automatic chart pattern detection with confidence scores
  • Taiwan Stock Exchange tick rules for realistic price steps
  • Color theme toggle: Asian (red=up) vs Western (green=up)
  • Standard/Odd lot trading modes with configurable commission rates
  • Stock Trading Simulator, screenshot 2
  • Stock Trading Simulator, screenshot 3
  • Stock Trading Simulator, screenshot 4
  • Stock Trading Simulator, screenshot 5
  • Stock Trading Simulator, screenshot 6
  • Web apps & extensions77 stars on GitHub

    Streaming Player

    Twitch, YouTube live chat and chat bots share one song queue. A Rust backend keeps the OBS player, overlay and moderator dashboard in sync.

    2026Completed
  • Web apps & extensions11 stars on GitHub

    Gantt Studio

    Drag a schedule into place, draw dependencies and see the critical path. Switch to Mermaid text without losing the plan. Everything stays in your browser.

    2026Completed
  • Web apps & extensions22 stars on GitHub

    morphkit

    Converts and edits images, audio, video and GIFs entirely in the browser. Nothing gets uploaded, mostly because there is nowhere to upload it to.

    2026Active