๐Ÿ’ก Inspiration

Financial markets are fast, complex, and psychologically challengingโ€”yet most people never get hands-on exposure to how real traders think. Inspired by the core mindset and behaviors of profitable traders, we set out to create a simulation where players could not only learn trading mechanics but also train their psychology and strategy in a gamified, competitive environment. AWS Q CLIโ€™s AI capabilities made this vision possible.


โš™๏ธ What It Does

Quantum Edge is a browser-based simulation game where users play the role of professional options traders and market makers. The experience is built on real-world trading principles and includes:

  • ๐Ÿ“ˆ 12 Real-time Trading Charts using random but structured market data
  • ๐Ÿงฎ Paper Trading System with instant P&L calculations, positions, and transaction history
  • ๐Ÿง  Options Chain Simulator including Greeks, bid/ask spreads, and strategy building
  • ๐Ÿ” Risk Surfaces & Volatility Tables for practicing portfolio risk management
  • ๐ŸŽฎ Strategy Visualizer powered by AWS Q CLI to build and test custom option strategies
  • ๐Ÿงพ Interactive Trading Concepts with automatic term explanations and chart insights

๐Ÿ› ๏ธ How We Built It

  • Frontend: HTML + TailwindCSS + JavaScript
  • Charting: lightweight-charts by TradingView, Plotly.js for 3D surface risk metrics
  • AI & Productivity: AWS Q CLI used for code generation, HTML UX flow, and trading explanations
  • Options Pricing: Black-Scholes Model for options Greeks (Delta, Gamma, Theta, Vega, IV)
  • Customization: Fully programmatic options chain, SPX chart, strategy presets, and paper trading panel

๐Ÿšง Challenges We Ran Into

  • Understanding and coding accurate options pricing & Greeks using Black-Scholes
  • Structuring a dynamic options chain UI with real-time updates and constraints
  • Teaching Q CLI complex financial domain logic and formulas through prompts
  • Creating a risk visualization layer with Plotly.js that feels intuitive
  • Keeping UI responsive and readable with large datasets and components
  • Making trading mechanics accessible without oversimplifying them

๐Ÿ† Accomplishments That We're Proud Of

  • Fully working trading simulator with 12 live charts and options chain
  • Developed a visual risk engine using Delta/Theta Surface charts
  • Seamlessly integrated Q CLI to generate finance-aware HTML+JS
  • Created a real-time P&L engine with portfolio stats and position logic
  • Delivered a gamified experience thatโ€™s both educational and strategic

๐Ÿ“š What We Learned

  • How to model options trading behavior for simulation and education
  • Deep dive into Black-Scholes pricing, including Greeks and their visualizations
  • Techniques to prompt and collaborate with AWS Q CLI as a financial dev assistant
  • UI design patterns for interactive dashboards with trading performance metrics
  • Importance of teaching complex finance concepts in a visual, gamified way

๐Ÿš€ What's Next for Quantum Edge

  • ๐Ÿ“ฑ Launch mobile-optimized version with touch trading UI
  • ๐Ÿง  Integrate AWS Bedrock or Gemini for AI-assisted trading decisions
  • ๐Ÿงพ Add real economic data feeds for real-time or backtesting mode
  • ๐ŸŒ Multiplayer mode: Users compete in market simulations with leaderboards
  • ๐Ÿงฎ Custom Strategy Lab: Let users code & share trading strategies
  • ๐ŸŽ“ Educational Mode: A beginner mode for learning Greeks, spreads, hedging
  • ๐Ÿง‘โ€๐Ÿซ Partner with fintech educators & platforms for simulation-based learning

Built With

Share this project:

Updates