How hu4y/vse works
VSE is a browser-based trading simulation for camp teams, with an admin console for operating market sessions. The main participant flow is team sign-in, viewing live market data, placing long or short trades, and monitoring portfolio value and rank; admins manage rounds, settings, news, and teams. The runtime is concentrated in src/App.jsx, so domain nodes share that implementation path rather than implying separate modules. README-described capabilities are included, but several internal links are documented behavior rather than verified calls in the partial source excerpts.
Main entry points: App.jsx Order execution · main.jsx React bootstrap
Components 21
Application entry
- React bootstrap
src/main.jsx - VSE application
src/App.jsx
Market and trading
- Firebase services
- Live market simulation
src/App.jsx - Price movement
src/App.jsx - Order execution
src/App.jsx - Fees and borrowing
src/App.jsx - Buying power and margin
src/App.jsx - Round settlement
src/App.jsx
Participant experience
- Anonymous authentication
- Team sign-in
src/App.jsx - Market and charts
src/App.jsx - Portfolio and ROI
src/App.jsx - Leaderboard analytics
src/App.jsx
Administration
- Admin console
src/App.jsx - Market controls
src/App.jsx - News broadcast
src/App.jsx - Team monitor
src/App.jsx - Market settings
src/App.jsx
Other components
- Team participant
- Administrator
Connections 30
- React bootstrap → VSE application: renders
src/main.jsx - Team participant → Team sign-in: signs in
README.md - Administrator → Admin console: opens
README.md - VSE application → Anonymous authentication: authenticates
README.md - Team sign-in → Firebase services: sets session
src/App.jsx - VSE application → Live market simulation: provides
README.md - Live market simulation → Firebase services: subscribes and writes
src/App.jsx - Price movement → Firebase services: publishes prices
src/App.jsx - Team participant → Market and charts: views
README.md - Market and charts → Live market simulation: shows updates
README.md - Team participant → Order execution: places orders
README.md - Order execution → Fees and borrowing: calculates charges
src/App.jsx - Order execution → Buying power and margin: checks capacity
src/App.jsx - Order execution → Firebase services: updates holdings
src/App.jsx - Order execution → Firebase services: records trades
src/App.jsx - Team participant → Portfolio and ROI: monitors
README.md - Portfolio and ROI → Buying power and margin: uses valuation
src/App.jsx - Team participant → Leaderboard analytics: checks standings
README.md - Leaderboard analytics → Firebase services: reads team data
- Administrator → Market controls: opens or closes
README.md - Market controls → Firebase services: updates status
- Administrator → Round settlement: advances round
README.md - Round settlement → Firebase services: settles session
src/App.jsx - Round settlement → Fees and borrowing: applies interest
README.md - Administrator → News broadcast: broadcasts
README.md - News broadcast → Firebase services: writes news
src/App.jsx - Administrator → Team monitor: monitors teams
README.md - Team monitor → Firebase services: reads activity
- Administrator → Market settings: adjusts settings
README.md - Market settings → Firebase services: saves changes
src/App.jsx