๐ก 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-chartsby TradingView,Plotly.jsfor 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
- aws-q-cli
- black-scholes-model
- chart.js
- html
- javascript
- jquery
- lightweight-charts
- plotly.js
- tailwindcss
Log in or sign up for Devpost to join the conversation.